ECMAScript 6 let及const命令.pdfVIP

ECMAScript 6 let和const命令 let命令 基本⽤法 ES6新增了let命令，⽤来声明变量。它的⽤法类似于var，但是所声明的变量，只 在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上 代码在代码块之中，分别⽤let和var声明了两个变量。然后在代码块之外调⽤ 这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表 明，let声明的变量只在它所在的代码块有效。 for循环的计数器，就很合适使⽤let命令。 for (let i = 0; i arr.length; i++ {} console.log(i ; //ReferenceError: i is not defined 上 代码的计数器i，只在for循环体内有效。 下 的代码如果使⽤var，最后输出的是10 。 var a = []; for (var i = 0; i 10; i++ { a[i] = function ( { console.log(i ; }; } a[6]( ; // 10 上 代码中，变量i是var声明的，在全局范围内都有效。所以每⼀次循环，新的i值 都会覆盖旧值，导致最后输出的是最后⼀轮的i的值。 如果使⽤let，声明的变量仅在块级作⽤域内有效，最后输出的是6 。 var a = []; for (let i = 0; i 10; i++ { a[i] = function ( { console.log(i ; }; } a[6]( ; // 6 上 代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每⼀次循环的i 其实都是⼀个新的变量，所以最后输出的是6 。 不存在变量提升 let不像var那样会发⽣“变量提升”现象。所以，变量⼀定要在声明后使⽤，否则报 错。 console.log(foo ; // 输出undefined console.log(bar ; // 报错ReferenceError var foo = 2; let bar = 2; 上 代码中，变量foo⽤var命令声明，会发⽣变量提升，即脚本开始运⾏时，变量 foo已经存在了，但是没有值，所以会输出undefined。变量bar⽤let命令声明， 不会发⽣变量提升。这表⽰在声明它之前，变量bar是不存在的，这时如果⽤到它， 就会抛出⼀个错误。 暂时性死区 只要块级作⽤域内存在let命令，它所声明的变量就“绑定” （binding ）这个区域，不 再受外部的影响。 var tmp = 123; if (true { tmp = abc; // ReferenceError let tmp; } 上 代码中，存在全局变量tmp，但是块级作⽤域内let又声明了⼀个局部变量 tmp，导致后者绑定这个块级作⽤域，所以在let声明变量前，对tmp赋值会报错。 ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变 量，从⼀开始就形成了封闭作⽤域。凡是在声明之前就使⽤这些变量，就会报错。 总之，在代码块内，使⽤let命令声明变量之前，该变量都是不可⽤的。这在语法上， 称为“暂时性死区” （temporal dead zone ，简称TDZ ）。 if (true { // TDZ开始 tmp = abc; // ReferenceError console.log(tmp ; // ReferenceError let tmp; // TDZ结束 console.log(tmp ; // undefined tmp = 123; console.log(tmp ; // 123 } 上 代码中，在let命令声明变量tmp之前，都属于变量tmp的“死区” 。 “暂时性死区”也意味着typeof不再是⼀个百分之百安全的操作。 typeof x; // ReferenceError let x; 上 代码中，变量x使⽤let命令声明，所以在声明之前，都属于x的“死区” ，只要⽤ 到该变量就会报错。因此，typeof运⾏时就会抛出⼀个