首先要注意let是ES6中的東西,起碼是IE10之前的IE瀏覽器兼容要千萬(wàn)當(dāng)心!嗯...然后我們來(lái)看JavaScript中用let語(yǔ)句聲明作用域的用法講解

語(yǔ)法

let variable1 = value1

參數(shù)

variable1

要聲明的變量的名稱(chēng)。

value1

賦給變量的初始值。

備注

使用 let 語(yǔ)句聲明一個(gè)變量，該變量的范圍限于聲明它的塊中。  可以在聲明變量時(shí)為變量賦值，也可以稍后在腳本中給變量賦值。  

使用 let 聲明的變量，在聲明前無(wú)法使用，否則將會(huì)導(dǎo)致錯(cuò)誤。

如果未在 let 語(yǔ)句中初始化您的變量，則將自動(dòng)為其分配 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();

塊級(jí)作用域

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); // 報(bào)錯(cuò)ReferenceError

console.log(c); // 報(bào)錯(cuò)ReferenceError

var a = 2;

let b = 2;

注意區(qū)別undefined和ReferenceError

暫時(shí)性死區(qū)(TDZ)

只要進(jìn)入當(dāng)前塊級(jí)作用域，所使用的變量已經(jīng)存在了，但在聲明之前都屬于死區(qū)，不可進(jìn)行操作。

注意： typeof不再是100%安全的操作

typeof x; // ReferenceError

typeof y // undefined

let x;

不允許重復(fù)聲明

let x = 1;

let x; // "SyntaxError: Identifier 'x' has already been declared

var y = 2;

var y = 3; // y = 3

塊級(jí)作用域

// 匿名函數(shù)寫(xiě)法

(function () {

 var tmp = ...;

 ...

}());

// 塊級(jí)作用域?qū)懛?/P>

{

 let tmp = ...;

 ...

}

ES5的嚴(yán)格模式規(guī)定，函數(shù)只能在頂層作用域和函數(shù)內(nèi)聲明，其他情況（比如if代碼塊、循環(huán)代碼塊）的聲明都會(huì)報(bào)錯(cuò)。

// ES5

'use strict';

if (true) {

 function f() {} // 報(bào)錯(cuò)

}

ES6由于引入了塊級(jí)作用域，這種情況可以理解成函數(shù)在塊級(jí)作用域內(nèi)聲明，因此不報(bào)錯(cuò)，但是構(gòu)成區(qū)塊的大括號(hào)不能少

// 報(bào)錯(cuò)

'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