首先要注意let是ES6中的東西,起碼是IE10之前的IE瀏覽器兼容要千萬當心!嗯...然后我們來看JavaScript中用let語句聲明作用域的用法講解
語法
let variable1 = value1
參數(shù)
variable1
要聲明的變量的名稱。
value1
賦給變量的初始值。
備注
使用 let 語句聲明一個變量，該變量的范圍限于聲明它的塊中。 可以在聲明變量時為變量賦值，也可以稍后在腳本中給變量賦值。
使用 let 聲明的變量，在聲明前無法使用，否則將會導致錯誤。
如果未在 let 語句中初始化您的變量，則將自動為其分配 JavaScript 值 undefined。
示例：
var l = 10;
{
let l = 2;
// At this point, l = 2.
}
// At this point, l = 10.
// Additional ways to declare a variable using let.
let index;
let name = "Thomas Jefferson";
let answer = 42, counter, numpages = 10;
let myarray = new Array();
塊級作用域
for(var i = 0; i < 10; i++){}
console.log(i); //10
for(let j = 0; j < 10; j++){}
console.log(j); //"ReferenceError: j is not defined
不存在變量提升
console.log(a); // 輸出undefined
console.log(b); // 報錯ReferenceError
console.log(c); // 報錯ReferenceError
var a = 2;
let b = 2;
注意區(qū)別undefined和ReferenceError
暫時性死區(qū)(TDZ)
只要進入當前塊級作用域，所使用的變量已經(jīng)存在了，但在聲明之前都屬于死區(qū)，不可進行操作。
注意： typeof不再是100%安全的操作
typeof x; // ReferenceError
typeof y // undefined
let x;
不允許重復聲明
let x = 1;
let x; // "SyntaxError: Identifier 'x' has already been declared
var y = 2;
var y = 3; // y = 3
塊級作用域
// 匿名函數(shù)寫法
(function () {
var tmp = ...;
...
}());
// 塊級作用域寫法
{
let tmp = ...;
...
}
ES5的嚴格模式規(guī)定，函數(shù)只能在頂層作用域和函數(shù)內(nèi)聲明，其他情況（比如if代碼塊、循環(huán)代碼塊）的聲明都會報錯。
// ES5
'use strict';
if (true) {
function f() {} // 報錯
}
ES6由于引入了塊級作用域，這種情況可以理解成函數(shù)在塊級作用域內(nèi)聲明，因此不報錯，但是構成區(qū)塊的大括號不能少
// 報錯
'use strict';
if (true)
function f() {}
聲明的全局變量不再是window的屬性
"use strict";
var a = 1;
console.log(window.a) // 1
let b = 1;
console.log(window.b) // undefined