多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 语法 JavaScript 的语法大量借鉴了 C 及其他类 C 语言(如 Java 和 Perl)的语法。因此,熟悉这些语言的开发人员在接受 JavaScript 更加宽松的语法时,一定会有种轻松自在的感觉。本章主要按照 ECMAScript 3介绍这门语言的基本概念,并就 ECMAScript 5的变化给出说明。 ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#字符集)字符集 JavaScript 程序是用 Unicode 字符集编写的,Unicode 是 ASCII 和 Latin-1 的超集,并支持地球上几乎所有在用的语言。ECMAScript 3要求 JavaScript 的实现必须支持 Unicode 2.1及后续版本,ECMAScript 5则要求支持 Unicode 3及后续版本。 > 扩展阅读「Unicode 与 JavaScript 详解」 > [http://www.ruanyifeng.com/blog/2014/12/unicode.html](http://www.ruanyifeng.com/blog/2014/12/unicode.html) ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#区分大小写)区分大小写 JavaScript 是区分大小写的。也就是说,关键字、变量、函数名和所有的标识符(identifier)都必须采取一致的大小写形式。比如,关键字 `while` 必须写成 `while`,而不能写成 `While` 或者 `WHILE`。同样,`online`、`Online`、`OnLine`、`ONLINE` 是4个不同的变量名。 但需要注意的是,HTML 并不区分大小写。由于它和客户端 JavaScript 联系紧密,因此这点区别很容易混淆。许多客户端 JavaScript 对象和属性与他们所表示的 HTML 标签和属性名相同。在 HTML 中,这些标签和属性名可以使用大写也可以是小写,而在 JavaScript 中则必须是小写。例如,在 HTML 中设置事件处理程序时,`onclick` 属性可以写成 `onClick`,但在 JavaScript 代码中,必须使用小写的 `onclick`。 ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#注释)注释 JavaScript 使用 C 风格的注释,包括单行注释和块级注释。单行注释以两个斜杠 `//` 开头,块级注释以一个斜杠和一个星号`/*` 开头,以一个星号和一个斜杠 `*/` 结尾。下面都是合法的 JavaScript 注释: ~~~ // 这里是单行注释 /* * 这里是块级注释 * 也叫多行注释 */ ~~~ 虽然上面注释中的第二和第三行都以一个星号开头,但这不是必须的,纯粹是为了提高注释的可读性(这种格式在企业级应用中极其常见)。 ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#字面量)字面量 所谓字面量(也可称直接量,Literal values),就是程序中直接使用的数据值。字面量只代表自身,不存储在特定位置。JavaScript 中的字面量有:字符串、数字、布尔值、对象、数组、函数、正则表达式,以及特殊的 `null` 值。 ~~~ "hello world" // 字符串 123 // 数字 1.2 // 小数 true // 布尔值 false // 布尔值 /javascript/gi // 正则表达式 null // 空 { name: 'stone', age: 20} // 对象 [ 1, 2, 3, 4, 5, 6, 7, 8 ] // 数组 function(){ console.log('good'); } // 函数 ~~~ > 扩展阅读「undefined不是字面量」 > [http://www.cnblogs.com/ziyunfei/archive/2012/11/11/2765096.html](http://www.cnblogs.com/ziyunfei/archive/2012/11/11/2765096.html) ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#严格模式)严格模式 在 ECMAScript 5引入了严格模式(strict mode)的概念。严格模式是为 JavaScript 定义了一种不同的解析与执行模式。在严格模式下,ECMAScript 3中的一些不确定的行为将得到处理,而且对某些不安全的操作也会抛出错误。要在整个脚本中启用严格模式,可以在顶部添加如下代码: ~~~ "use strict"; ~~~ 这行代码看起来像是字符串,而且也没有赋值给任何变量,但其实它是一个编译指示(pragma),用于告诉支持的 JavaScript 引擎切换到严格模式。这是为了不破坏 ECMAScript 3语法而特意选定的语法。 在函数内部的第一行包含这条编译指示,也可以指定函数在严格模式下执行: ~~~ function doSomething(){ "use strict"; // 函数体 } ~~~ 严格模式下,JavaScript 的执行结果会有很大不同,因此本课程会随时指出严格模式下的区别。 ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#标识符)标识符 所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。JavaScript 标识符必须以字母、下划线(`_`)或美元符号(`$`)开始,后续的字符可以是字母、数字、下划线或美元符号(数字是不允许作为首字符出现的)。下面是合法的标识符: ~~~ my_variable_name, v12345, _dummy, $str888 ~~~ 标识符中的字母可以包含扩展的 ASCII 或 Unicode 字母字符(如 `π` 和 `∑`),但不推荐这样做。按照惯例,JavaScript 标识符采用驼峰大小写格式,也就是第一个字母小写,剩下的每个有意义的单词的首字母大写,例如: ~~~ firstSecond, myCar, doSomethingImportant ~~~ ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#关键字和保留字)关键字和保留字 ECMAScript 3描述了一组具有特定用途的关键字,这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。按照规则,关键字是语言保留的,不能用作标识符。以下是 ECMAScript 3的全部关键字: ~~~ break delete function return typeof case do if switch var catch else in this void continue false instanceof throw while debugger finally new true with default for null try ~~~ ECMAScript 3还将 Java 的所有关键字都作为自己的保留字。尽管保留字还没有任何特定的用途,但他们有可能在将来被用作关键字: ~~~ abstract double goto native static boolean enum implements package super byte export import private synchronized char extends int protected throws class final interface public transient const float long short volatile ~~~ ECMAScript 5把非严格模式下的保留字缩减为: ~~~ class enum extends super const export import ~~~ ECMAScript 5在严格模式下的保留字为: ~~~ implements package public interface private static let protected yield ~~~ 注意,`let` 和 `yield` 是 ECMAScript 5新增的保留字,其他保留字都是 ECMAScript 3定义的。为了保证兼容性,任何时候都不建议使用 ECMAScript 5新增的保留字 `let` 和 `yield` 。 ECMAScript 还预定义了很多全局变量和函数,也应当避免把它们用作标识符: ~~~ arguments Error Math RegExp Array eval NaN String Boolean EvalError Number SyntaxError Date Function Object TypeError decodeURI Infinity parseFloat undefined decodeURIComponent isFinite parseInt URIError encodeURI isNaN RangeError encodeURIComponent JSON ReferenceError ~~~ JavaScript 的具体实现可能定义独有的全局变量和函数,每一种特定的 JavaScript 运行环境都有自己的一个全局属性列表,这一点是需要牢记的。 ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#可选的分号)可选的分号 和其他许多变成语言一样,JavaScript 使用分号(`;`)将语句分隔开。这对增强代码的可读性和整洁性是非常重要的。缺少分隔符,一条语句的结束就成了下一条语句的开始,反之亦然。如果语句各自独占一行,通常可以省略语句之间的分号(程序结尾或花括号 `}` 之前的分号也可以省略)。 ~~~ var sum = a + b // 即使没有分号也是有效的语句,不好的写法 var diff = a - b; // 有效的语句,好的写法 ~~~ 虽然语句结尾的分号不是必须的,但请任何时候都不要省略它。因为加上这个分号可以避免很多错误,开发人员也可以放心地通过删除多余的空格来压缩 JavaScript 代码。另外,加上分号也会在某些情况下增进代码的性能,因为这样解析解就不必再花时间推测应该在哪插入分号了。 ## [](https://github.com/stone0090/javascript-lessons/tree/master/1.3-Syntax#关卡)关卡 请判断以下代码是否有效?如果有效请给出结果,如果无效请说明原因。 ~~~ // 挑战一 var class = 'person'; console.log(class); // ??? ~~~ ~~~ // 挑战二 var Class = 'person'; console.log(class); // ??? ~~~ ~~~ // 挑战三 var True = false; console.log(True); // ??? ~~~ ~~~ // 挑战四 var true = false; console.log(True); // ??? ~~~ ~~~ // 挑战五 var $_$ = 'stone'; console.log($_$); // ??? ~~~ ~~~ // 挑战六 var 00_name = 'stone'; console.log(00_name); // ??? ~~~ ~~~ // 挑战七 var Array = 'null'; console.log(Array); // ??? ~~~ ~~~ // 挑战八 var undefined = 'null'; console.log(undefined); // ??? ~~~ ~~~ // 挑战九 var result = 1 + 2 + 3 + 4 console.log(result); // ??? ~~~