这一篇复习一下ECMAScript规范中的基础语法,英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言,熟悉C语言的朋友,可以非常轻松的阅读这篇文章,甚至都可以跳过,不过建议你最好还是看一看,在介绍的同时,我可能会引用一些自认为不易理解且比较流行的用法。
基础语法
1、标识符:所谓标识符,实际上就是指一个满足一定规范,能够被引擎识别的名字,可以用来表示常量、变量、函数名、函数参数、对象、对象属性等所有可命名对象的名称。
(1)区分大小写。
(2)以字母、下划线(_)或美元符号($)开头,其它字符可以为字母、下划线、美元符号或数字。这里的字母包含扩展的ASCII或Unicode字符。
(3)标识符不能是关键字、保留字、true、false、null。(有些浏览器允许使用undefined,有些不能)。
(4)如果对象属性含有空格或其它特殊字符,可以用括号括起来作为一个整体。
2、关键字:在语言本身中有特定用途。
break case catch continue debugger(ES5中新增) default delete do else finally for function if in instanceof new return switch this throw try typeof var void while with
3、保留字:被语言本身保留,将来可能作为关键字。
ES3中的保留字:
abstract boolean byte char class const debugger double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile
ES5中的非严格模式下的保留字:
class const enum export extends import super
ES5的严格模式下的保留字:
implements interface let(ES5中新增) package private protected public static yield(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)声明提升:这个问题在讲函数声明和函数表达式时还会再次谈到,这里先提一下,看代码:
复制代码 代码如下: