>  기사  >  웹 프론트엔드  >  [자바스크립트 튜토리얼] 자바스크립트 구문

[자바스크립트 튜토리얼] 자바스크립트 구문

黄舟
黄舟원래의
2016-12-24 14:30:45944검색

자바스크립트 구문

자바스크립트는 프로그래밍 언어입니다. 문법 규칙은 언어의 구조를 정의합니다.

JavaScript 구문

JavaScript는 스크립팅 언어입니다.

가벼우면서도 강력한 프로그래밍 언어입니다.

JavaScript Literal

프로그래밍 언어에서 리터럴은 3.14에서와 같이 상수입니다.

숫자 리터럴은 정수, 소수 또는 과학적 표기법(e)일 수 있습니다.

3.14

1001

123e5

문자열 리터럴은 큰따옴표 또는 작은따옴표로 작성할 수 있습니다.

"John Doe"

'John Doe'

표현식 리터럴은 계산에 사용됩니다.

5 + 6

5 * 10

배열 리터럴은 배열을 정의합니다. :

[40, 100, 1, 5, 25, 10]

객체 리터럴은 객체를 정의합니다.

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

함수 리터럴 수량 함수 정의:

function myFunction(a, b) { return a * b;}

JavaScript 변수

프로그래밍 언어에서는 변수를 사용하여 데이터 값을 저장합니다.

자바스크립트는 var 키워드를 사용하여 변수를 정의하고 등호를 사용하여 변수에 값을 할당합니다.

var x, length

x = 5

length = 6

변수는 변수 이름을 통해 액세스할 수 있습니다. 명령형 언어에서 변수는 일반적으로 변경 가능합니다. 리터럴은 상수 값입니다.


변수는 이름입니다. 리터럴은 값입니다.

JavaScript 연산자

JavaScript는 산술 연산자를 사용하여 값을 계산합니다.

(5 + 6) * 10

JavaScript는 할당 연산자를 사용합니다. 값 할당 변수에:

x = 5
y = 6
z = (x + y) * 10

JavaScript 언어에는 다양한 유형의 연산자가 있습니다: /p>

Type

Instance

설명

할당, 산술 및 비트 연산자 = + - * / JS 연산자에 설명됨

조건부, 비교 및 ​​논리 연산자 == != < JS 비교 연산자

JavaScript 문

HTML에서 JavaScript 문은 브라우저에 명령을 보냅니다.

문은 세미콜론으로 구분됩니다.

x = 5 + 6;
y = x * 10;

JavaScript 키워드

JavaScript 문은 일반적으로 키워드로 시작합니다. var 키워드는 브라우저에 새 변수를 생성하라고 지시합니다.

var x = 5 + 6;
var y = x * 10;

JavaScript 식별자

다른 프로그래밍 언어와 마찬가지로 JavaScript는 자체 사용을 위해 일부 식별자를 예약합니다.

JavaScript는 현재 언어 버전에서는 사용되지 않지만 향후 JavaScript 확장에서는 사용될 일부 키워드도 예약합니다.

JavaScript 식별자는 문자, 밑줄(_) 또는 달러 기호($)로 시작해야 합니다.

다음 문자는 문자, 숫자, 밑줄 또는 달러 기호일 수 있습니다(자바스크립트가 식별자와 숫자를 쉽게 구별할 수 있도록 숫자가 첫 번째 문자로 나타날 수 없습니다).

break 내보내기 인터페이스 동기화

바이트 확장

case false long throw

catch    final    native    throws    

char    finally    new    transient    

class    float    null    true    

const    for    package    try    

continue    function    private    typeof    

debugger    goto    protected    var    

default    if    public    void    

delete    implements    return    volatile    

do    import    short    while    

double    in    static    with    

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略:

// 我不会执行

JavaScript 数据类型

JavaScript 有多种数据类型:数字,字符串,数组,对象等等:

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

数据类型的概念

编程语言中,数据类型是一个非常重要的内容。

为了可以操作变量,了解数据类型的概念非常重要。

如果没有使用数据类型,以下实例将无法执行:

16 + "Volvo"

16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢?

"16Volvo"

你可以在浏览器尝试执行以上代码查看效果。

在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
}

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符,包含标点等字符。

如需进一步了解,请学习我们的 完整 Unicode 参考手册。

您知道吗?

JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。    

 以上就是【JavaScript教程】JavaScript 语法的内容,更多相关内容请关注PHP中文网(www.php.cn)!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.