JavaScript高级程序设计（第3版）学习笔记2 js基础语法

这一篇复习一下ECMAScript规范中的基础语法，英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言，熟悉C语言的朋友，可以非常轻松的阅读这篇文章，甚至都可以跳过，不过建议你最好还是看一看，在介绍的同时，我可能会引用一些自认为不易理解且比较流行的用法。

基础语法

1、标识符：所谓标识符，实际上就是指一个满足一定规范，能够被引擎识别的名字，可以用来表示常量、变量、函数名、函数参数、对象、对象属性等所有可命名对象的名称。

（1）区分大小写。

（2）以字母、下划线（_）或美元符号（$）开头，其它字符可以为字母、下划线、美元符号或数字。这里的字母包含扩展的ASCII或Unicode字符。

（3）标识符不能是关键字、保留字、true、false、null。（有些浏览器允许使用undefined，有些不能）。

（4）如果对象属性含有空格或其它特殊字符，可以用括号括起来作为一个整体。

2、关键字：在语言本身中有特定用途。

breakcasecatchcontinuedebugger（ES5中新增）defaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewith

3、保留字：被语言本身保留，将来可能作为关键字。

ES3中的保留字：

abstractbooleanbytecharclassconstdebuggerdoubleenumexportextendsfinalfloatgotoimplementsimportintinterfacelongnativepackageprivateprotectedpublicshortstaticsupersynchronizedthrowstransientvolatile

ES5中的非严格模式下的保留字：

classconstenumexportextendsimportsuper

ES5的严格模式下的保留字：

implementsinterfacelet（ES5中新增）packageprivateprotectedpublicstaticyield（ES5中新增）

 4、严格模式：在ES5中引入严格模式，通过使用"use strict"来开启严格模式，可以在顶部开启全局严格模式，也可以在函数作用域范围内开启局部严格模式。

"use strict"//开启全局严格模式，在ES3中，不会有任何影响function fn(){ "use strict"//开启局部严格模式 }

5、注释：在ECMAScript中，支持两种格式的注释，单行注释和块级注释：

// 单行注释，以两个斜杠//开头/* * 多行（块级）注释，以一个斜杠/和一个星号*开头，一个星号和一个斜杠结尾，这里中间行的星号*不是必须的 */

说明：随着JS代码越来越复杂，注释也变的越来越重要，而文档自动化也显得愈加重要，目前已经有很多开源JS库用于自动化生成类似于Javadoc的JS文档，比如JSDoc、YUIDoc等，这个时候，对注释也会有相应的格式要求，有兴趣的朋友可以找相关资料研究。 6、变量：变量在其本质上不过是内存空间在语言级别的外在抽象。 （1）动态类型：在ECMAScript中，变量是动态类型的，你可以在定义的时候初始化为一个Number类型，紧接着，你可以把一个字符串值赋给它：

var age = 29; age = 'twenty-nine';//虽然有这种灵活性，但我建议你除非明确知道自己在做什么，否则别这样做。

（2）var操作符：变量使用var来声明，对于未初始化的变量，会默认为undefined，也可以直接使用变量而不声明（在我看来，这同样是一个没有存在理由的特性），它们之间最重要的区别就是使用var声明时，声明的变量只在当前作用域有效，而不使用var时，变量就会定义在全局作用域。可以通过下面的例子来体会其中的区别：

var name = 'linjisong'; //定义全局变量并赋值 age = 29; //直接使用变量，相当于定义全局变量并赋值 //sal; //错误 var salary; //定义全局变量，未初始化 //这里只是函数声明，没有实际调用，所以内部定义的变量不会生效 function fn(){ var name = 'oulinhai';//定义局部变量并赋值 age = 23; //给全局变量赋值 work = 'it';//没有使用var，即便是在函数局部的变量，也会成为全局变量 } //函数实际调用前 console.info(salary); //undefined console.info(name);  // linjisong console.info(age); // 29 try{ console.info(work);//由于在全局环境中没有定义work，这里会抛出异常 }catch(e){} fn();//实际调用，代码中对于变量的变更会显现出来 console.info(name); // linjisong，由于函数内部使用了var，所以不会更改全局的name值 console.info(age); // 23 console.info(work); // it

（3）声明提升：这个问题在讲函数声明和函数表达式时还会再次谈到，这里先提一下，看代码：

console.info(name);//undefined console.info(getName);//getName()函数 console.info(getName());//undefined try{ console.info(age);//异常 }catch(e){ console.info(e);//ReferenceError } console.info(getAge);//undefined try{ console.info(getAge());//异常 }catch(e){ console.info(e);//TypeError } var name = 'linjisong';//变量声明，提升 age = 29;//直接使用全局变量，不提升 function getName(){//函数声明，提升 return name; } var getAge = function(){//变量getAge的声明，提升；获取年龄的匿名函数表达式，不提升 return age; } console.info(name);//linjisong console.info(getName);//getName()函数 console.info(getName());//linjisong console.info(age);//29 console.info(getAge);//获取年龄的匿名函数 console.info(getAge());//29

你有没有自己推断出上面的输出结果？如果已经推断出，可以跳过了，如果还存有疑问，那么先看看下面关于声明提升的描述，然后再回过头来印证上面的输出结果： A、引擎在解析时，首先会解析函数声明，然后解析变量声明（解析时不会覆盖类型），最后再执行代码； B、解析函数声明时，会同时解析类型（函数），但不会执行，解析变量声明时，只解析变量，不会初始化。 这里涉及的只是全局作用域，在函数作用域中还有函数参数也和声明提升有关，在后面讲述函数时再讨论。 上面的代码，首先会把第18行的函数声明和第16、21行的变量声明提升到最开始解析，然后再执行。因此第1、9行因为变量声明提升但尚未初始化，所以输出undefined，从而第11行因为无法确定是函数类型而抛出类型异常；第2、3行因为函数声明提升并且解析函数类型，所以第2行输出函数，第3行可以调用函数，但返回值未初始化而输出undefined；第5行因为尚未声明变量，会抛出引用异常。 （4）可以使用一条语句定义多个变量，用逗号分开即可。如：

var name='linjisong', age=29, work='it';

（5）在ES5的严格模式下，不能定义名为eval或arguments的变量。 7、语句 （1）语句：以一个分号“;”结尾，如果省略分号，由解析器确定语句的结尾。 对于JS中语句可以省略分号的特性，我想不到任何存在的理由，强烈建议每条语句均使用分号来明确结束，不要让解析器花费时间来“猜测”你的程序，而且，更加重要的是，在很多压缩工具中，猜测并不能保证百分百的正确。 （2）代码块：以左花括号（{）开始，右花括号（}）结束。 在JS中虽然有代码块的概念，但是却没有相应的块级作用域，这是和一般类C语言所不同的。对于控制语句（比如if），不要因为只有一条语句就不使用代码块，这会给维护你程序的伙计种下犯错的种子。

for(var i=0; i<10; i++) { } console.info(i);//输出10，在代码块之后仍可以访问i，说明JS无块级作用域 if(i < 10) //console.info(i); 不使用代码块，在维护时（比如添加1条语句）容易犯错 { console.info(i); }

花括号（{}）除了作为代码块来使用外，还有一个很重要的用处就是定义对象字面量，这在后面还会再有论述。