ECMAScript6入门 学习之简介

1.什么是ECMAScript 6？

ECMAScript 6（如下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言能够用来编写复杂的大型应用程序，成为企业级开发语言。可能你们会疑惑ECMAScript和JavaScript是什么关系？为何不是统一命名。

ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现（另外的ECMAScript方言还有Jscript和ActionScript）。在平常场合，这两个词是能够互换的。主要是区分一是由于商标（Java是Sun公司的商标，根据受权协议，只有Netscape公司能够合法地使用JavaScript这个名字，且JavaScript自己也已经被Netscape公司注册为商标。）和二是体现这门语言的制定者是ECMA，不是Netscape，这样有利于保证这门语言的开放性和中立性。

2.ECMAScript 6 中变量声明let和const

2.1 ES6新增了let命令，用来声明变量

它的用法相似于var，可是所声明的变量，只在let命令所在的代码块内有效。

{
  let a = 1;
  var b = 2;
}
console.log(a); // ReferenceError: a is not defined.

console.log(b); // 2

上面代码在代码块之中，分别用let和var声明了两个变量。而后在代码块以外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这代表，let声明的变量只在它所在的代码块有效。

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}

上面代码中，变量i是var声明的，在全局范围内都有效。因此每一次循环，新的i值都会覆盖旧值，致使最后输出的是最后一轮的i的值。若是使用let，声明的变量仅在块级做用域内有效，变量i是let声明的，当前的i只在本轮循环有效，因此每一次循环的i其实都是一个新的变量，因此最后输出的是6。运行效果以下：

注：let不像var那样会发生"变量提高"现象。因此，变量必定要在声明后使用，不然会报错。

上面代码中，变量foo用var命令声明，会发生变量提高，即脚本开始运行时，变量foo已经存在了，可是没有值，因此会输出undefined。变量bar用let命令声明，不会发生变量提高。这表示在声明它以前，变量bar是不存在的，这时若是用到它，就会抛出一个错误。

上面代码中，存在全局变量tmp，可是块级做用域内let又声明了一个局部变量tmp，致使后者绑定这个块级做用域，因此在let声明变量前，对tmp赋值会报错。

ES6明确规定，在代码块中存在let命令，这个区块对这些命令声明的变量，从一开始就造成了封闭做用域。凡是在声明以前就使用这些变量，就会报错。这在语法上，称为“暂时性死区”（temporal dead zone，简称TDZ）。

注：“暂时性死区”也意味着typeof再也不是一个百分之百安全的操做。

根据暂时性死区定义，在使用let声明以前都属于‘死区’，只要调用该变量就报错，可是若是不用let声明，反而不会报错。

比较特殊的‘死区’，以下：

注：ES6规定暂时性死区和不存在变量提高，主要是为了减小运行时错误，防止在变量声明前就使用这个变量，从而致使意料以外的行为。这样的错误在ES5是很常见的，如今有了这种规定，避免此类错误就很容易。

       let不容许重复声明，在相同做用域内，不容许重复声明同一个变量。

2.2 const命令

const 声明一个只读的常量。一旦声明，常量的值就不能改变。const的做用域与let命令相同：只在声明所在的块级做用域内有效。const命令声明的常量也是不提高，一样存在暂时性死区，只能在声明的位置后面使用。const声明的常量，也与let同样不可重复声明。

上面代码代表，const声明的变量不得改变值，这意味着，const一旦声明变量，就必须当即初始化，不能留到之后赋值。对于const来讲，只声明不赋值，也会报错。

注：对于复合类型的变量，变量名不指向数据，而是指向数据所在的地址。

       若是真的想将对象冻结，应该使用Object.freeze方法。

3 全局对象属性

全局对象是最顶层的对象，在浏览器环境指的是window对象，在Node.js指的是global对象。ES5之中，全局对象的属性与全局变量是等价的。

在ES6中，为了保持兼容性，var命令和function命令声明的全局变量，依旧是全局对象的属性；let命令、const命令、class命令声明的全局变量，不属于全局对象的属性。也就是说，从ES6开始，全局变量将逐步与全局对象的属性脱钩。

 

 

 

参考资料：

 

阮一峰 著 《ES 6标准入门（第二版）》

 

转载时请注明：来自w-rain的我的博客