1.let命令

---

?

let聲明的變量，只在let命令所在的代碼塊內有效。

{let a = 10;var b = 1; }a // ReferenceError: a is not defined. b // 1

上面的代碼，let聲明的變量a會報錯，這表明，let聲明的變量只在它所在的代碼塊有效。

for循環里面，就可以用let

for(let i = 0; i < 10; i++){//... } console.log(i); // ReferenceError: i is not defined

上面代碼中，計數器i只在for循環體內有效，在循環體外引用就會報錯

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

上面代碼中，變量i是var命令聲明的，在全局范圍內都有效，所以全局只有一個變量i。

每一次循環，變量i的值都會發生改變，而循環內被賦給數組a的函數內部的console.log(i)，

里面的i指向的就是全局的i。也就是說，所有數組a的成員里面的i，指向的都是同一個i，

導致運行時輸出的是最后一輪的i的值，也就是10。

如果使用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。你可能會問，如果每一輪循環的變量i都是重新聲明的，

那它怎么知道上一輪循環的值，從而計算出本輪循環的值？這是因為 JavaScript 引擎內部會

記住上一輪循環的值，初始化本輪的變量i時，就在上一輪循環的基礎上進行計算。

---

?

不存在變量提升

var命令會發生”變量提升“現象，即變量可以在聲明之前使用，值為undefined。

let所聲明的變量一定要在聲明后使用，否則報錯。

// var 的情況 console.log(foo); // 輸出undefined var foo = 2;// let 的情況 console.log(bar); // 報錯ReferenceError let bar = 2;

---

?

暫時性死區?

只要塊級作用域內存在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）。

?

ES6 規定暫時性死區和let、const語句不出現變量提升，主要是為了減少運行時錯誤，

防止在變量聲明前就使用這個變量，從而導致意料之外的行為。這樣的錯誤在 ES5 是

很常見的，現在有了這種規定，避免此類錯誤就很容易了。

?

總之，暫時性死區的本質就是，只要一進入當前作用域，所要使用的變量就已經存在了，

但是不可獲取，只有等到聲明變量的那一行代碼出現，才可以獲取和使用該變量。

---

?

不允許重復聲明?

let不允許在相同作用域內，重復聲明同一個變量。

// 報錯 function () {let a = 10;var a = 1; }// 報錯 function () {let a = 10;let a = 1

因此，不能在函數內部重新聲明參數。

function func(arg) {let arg; // 報錯 }function func(arg) {{let arg; // 不報錯 } }

---

2.塊級作用域

---

?

為什么會需要塊級作用域？

S5 只有全局作用域和函數作用域，沒有塊級作用域，這帶來很多不合理的場景。

第一種場景，內層變量可能會覆蓋外層變量

var tmp = new Date();function f() {console.log(tmp);if (false) {var tmp = 'hello world';} }f(); // undefined

第二種場景，用來計數的循環變量泄露為全局變量。

var s = 'hello';for (var i = 0; i < s.length; i++) {console.log(s[i]); }console.log(i); // 5

ES6的作用域

function f1() {let n = 5;if (true) {let n = 10;}console.log(n); // 5 }

上面輸出解構表明了外層代碼不受內層代碼的影響

塊級作用域與函數聲明

ES6 引入了塊級作用域，明確允許在塊級作用域之中聲明函數。ES6 規定，

塊級作用域之中，函數聲明語句的行為類似于let，在塊級作用域之外不可引用。

function f() { console.log('I am outside!'); }(function () {if (false) {// 重復聲明一次函數ffunction f() { console.log('I am inside!'); }}f(); }());

上面代碼在 ES5 中運行，會得到“I am inside!”，因為在if內聲明的函數f會被提升到函數頭部，實際運行的代碼如下。

// ES5 環境 function f() { console.log('I am outside!'); }(function () {function f() { console.log('I am inside!'); }if (false) {}f(); }());

ES6 就完全不一樣了，理論上會得到“I am outside!”。因為塊級作用域內聲明的函數類似于let，

對作用域之外沒有影響。但是，如果你真的在 ES6 瀏覽器中運行一下上面的代碼，是會報錯的，這是為什么呢？

原來，如果改變了塊級作用域內聲明的函數的處理規則，顯然會對老代碼產生很大影響。為了減輕因此產生的

不兼容問題，ES6在附錄B里面規定，瀏覽器的實現可以不遵守上面的規定，有自己的行為方式。

• 允許在塊級作用域內聲明函數。
• 函數聲明類似于var，即會提升到全局作用域或函數作用域的頭部。
• 同時，函數聲明還會提升到所在的塊級作用域的頭部。

注意，上面三條規則只對 ES6 的瀏覽器實現有效，其他環境的實現不用遵守，還是將塊級作用域的函數聲明當作let處理。

根據這三條規則，在瀏覽器的 ES6 環境中，塊級作用域內聲明的函數，行為類似于var聲明的變量。

---

?

do表達式

因為塊級作用域不返回值，現在有一個提案，使得塊級作用域可以變為表達式，

也就是說可以返回值，辦法就是在塊級作用域之前加上do，使它變為do表達式。

let x = do {let t = f();t * t + 1; };

上面代碼中，變量x會得到整個塊級作用域的返回值。

---

3.const命令

---

基本用法

const聲明一個只讀的常量。一旦聲明，常量的值就不能改變。

const PI = 3.1415; PI // 3.1415 PI = 3; // TypeError: Assignment to constant variable.

const一旦聲明變量，就必須立即初始化，不能留到以后賦值。

const的作用域與let命令相同：只在聲明所在的塊級作用域內有效。

const命令聲明的常量也是不提升，同樣存在暫時性死區，只能在聲明的位置后面使用。

const聲明的常量，也與let一樣不可重復聲明。

---

?

本質

const實際上保證的，并不是變量的值不得改動，而是變量指向的那個內存地址不得改動。

對于簡單類型的數據（數值、字符串、布爾值），值就保存在變量指向的那個內存地址，

因此等同于常量。但對于復合類型的數據（主要是對象和數組），變量指向的內存地址，

保存的只是一個指針，const只能保證這個指針是固定的，至于它指向的數據結構是不是

可變的，就完全不能控制了。因此，將一個對象聲明為常量必須非常小心。

const foo = {};// 為 foo 添加一個屬性，可以成功 foo.prop = 123; foo.prop // 123// 將 foo 指向另一個對象，就會報錯 foo = {}; // TypeError: "foo" is read-only

上面代碼中，常量foo儲存的是一個地址，這個地址指向一個對象。不可變的只是這個地址，

即不能把foo指向另一個地址，但對象本身是可變的，所以依然可以為其添加新屬性。

---

?

ES6 聲明變量的六種方法

ES5 只有兩種聲明變量的方法：var命令和function命令。ES6除了添加let和const命令，

后面章節還會提到，另外兩種聲明變量的方法：import命令和class命令。所以，ES6 一

共有6種聲明變量的方法。

?

轉載于:https://www.cnblogs.com/jannryguo/p/7064528.html

總結

以上是生活随笔為你收集整理的2.let和const命令的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。