JavaScript中用let語句聲明作用域的用法講解

文法

let variable1 = value1

參數

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); //10for(let j = 0; j < 10; j++){}console.log(j); //"ReferenceError: j is not defined

不存在變量提升

console.log(a); // 輸出undefinedconsole.log(b); // 報錯ReferenceErrorconsole.log(c); // 報錯ReferenceErrorvar a = 2;let b = 2;

注意區別undefined和ReferenceError

暫時性死區(TDZ)

只要進入當前塊級作用域，所使用的變量已經存在了，但在聲明之前都屬於死區，不可進行操作。

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

typeof x; // ReferenceErrortypeof y // undefinedlet x;

不允許重複聲明

let x = 1;let x; // "SyntaxError: Identifier 'x' has already been declaredvar y = 2;var y = 3; // y = 3

塊級作用域

// 匿名函數寫法(function () { var tmp = ...; ...}());// 塊級作用域寫法{ let tmp = ...; ...}

ES5的嚴格模式規定，函數只能在頂層作用域和函數內聲明，其他情況（比如if代碼塊、循環代碼塊）的聲明都會報錯。

 // ES5'use strict';if (true) { function f() {} // 報錯}

ES6由於引入了塊級作用域，這種情況可以理解成函數在塊級作用域內聲明，因此不報錯，但是構成區塊的大括號不能少

// 報錯'use strict';if (true) function f() {}

聲明的全局變量不再是window的屬性

"use strict";var a = 1;console.log(window.a) // 1let b = 1;console.log(window.b) // undefined