《02》let 和 const 命令
目錄
1.let命令
基本用法
暫時(shí)性死區(qū)
不允許重復(fù)聲明?
2.塊級(jí)作用域
3.const 命令
基本用法
本質(zhì)
1.let命令
基本用法
ES6 新增了let命令，用來聲明變量。它的用法類似于var，但是所聲明的變量，只在let命令所在的代碼塊內(nèi)有效。
<!DOCTYPE?html> <html?lang="en"> <head><meta?charset="UTF-8"><meta?http-equiv="X-UA-Compatible"?content="IE=edge"><meta?name="viewport"?content="width=device-width,?initial-scale=1.0"><title>let基礎(chǔ)用法</title> </head> <body><script>{let?a=1;var?b=2;}console.log("變量a:"+a)//未定義console.log("變量b:"+b)//2</script> </body> </html>上面代碼在代碼塊之中，分別用let和var聲明了兩個(gè)變量。然后在代碼塊之外調(diào)用這兩個(gè)變量，結(jié)果
let聲明的變量報(bào)錯(cuò)，var聲明的變量返回了正確的值。這表明，let聲明的變量只在它所在的代碼塊有效。
for循環(huán)的計(jì)數(shù)器，就很合適使用let命令。
for(let?i=0;?i<10;?i++){ } console.log("變量i"+i)//Uncaught?ReferenceError:?i?is?not?defined上面代碼中，計(jì)數(shù)器i只在for循環(huán)體內(nèi)有效，在循環(huán)體外引用就會(huì)報(bào)錯(cuò)。
下面的代碼如果使用var，最后輸出的是10。
var?a=[]; for(var?i=0;?i<10;?i++){a[i]=function(){console.log(i);} } a[6]();//10上面代碼中，變量i是let聲明的，當(dāng)前的i只在本輪循環(huán)有效，所以每一次循環(huán)的i其實(shí)都是一個(gè)新的變量，所以最后輸出的是6。你可能會(huì)問，如果每一輪循環(huán)的變量i都是重新聲明的，那它怎么知道上一輪循環(huán)的值，從而計(jì)算出本輪循環(huán)的值？這是因?yàn)?JavaScript 引擎內(nèi)部會(huì)記住上一輪循環(huán)的值，初始化本輪的變量i時(shí)，就在上一輪循環(huán)的基礎(chǔ)上進(jìn)行計(jì)算。
暫時(shí)性死區(qū)
ES6 明確規(guī)定，如果區(qū)塊中存在let和const命令，這個(gè)區(qū)塊對(duì)這些命令聲明的變量，從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量，就會(huì)報(bào)錯(cuò)。
總之，在代碼塊內(nèi)，使用let命令聲明變量之前，該變量都是不可用的。這在語法上，稱為“暫時(shí)性死區(qū)”（temporal dead zone，簡(jiǎn)稱 TDZ）。
if (true) {// TDZ開始tmp = 'abc'; // ReferenceErrorconsole.log(tmp); // ReferenceErrorlet tmp; // TDZ結(jié)束console.log(tmp); // undefinedtmp = 123;console.log(tmp); // 123 }不允許重復(fù)聲明?
let不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量。
// 報(bào)錯(cuò) function func() {let a = 10;var a = 1; }// 報(bào)錯(cuò) function func() {let a = 10;let a = 1; }因此，不能在函數(shù)內(nèi)部重新聲明參數(shù)。
function func(arg) {let arg; } func() // 報(bào)錯(cuò)function func(arg) {{let arg;} } func() // 不報(bào)錯(cuò)2.塊級(jí)作用域
let實(shí)際上為 JavaScript 新增了塊級(jí)作用域。
function f1() {let n = 5;if (true) {let n = 10;}console.log(n); // 5 }上面的函數(shù)有兩個(gè)代碼塊，都聲明了變量n，運(yùn)行后輸出 5。這表示外層代碼塊不受內(nèi)層代碼塊的影響。如果兩次都使用var定義變量n，最后輸出的值才是 10。
ES6 允許塊級(jí)作用域的任意嵌套。
3.const 命令
基本用法
const聲明一個(gè)只讀的常量。一旦聲明，常量的值就不能改變。
const PI = 3.1415; PI // 3.1415PI = 3; // TypeError: Assignment to constant variable.上面代碼表明改變常量的值會(huì)報(bào)錯(cuò)。
const聲明的變量不得改變值，這意味著，const一旦聲明變量，就必須立即初始化，不能留到以后賦值。
const foo; // SyntaxError: Missing initializer in const declaration上面代碼表示，對(duì)于const來說，只聲明不賦值，就會(huì)報(bào)錯(cuò)。
const的作用域與let命令相同：只在聲明所在的塊級(jí)作用域內(nèi)有效。
if (true) {const MAX = 5; }MAX // Uncaught ReferenceError: MAX is not definedconst命令聲明的常量也是不提升，同樣存在暫時(shí)性死區(qū)，只能在聲明的位置后面使用。
本質(zhì)
const實(shí)際上保證的，并不是變量的值不得改動(dòng)，而是變量指向的那個(gè)內(nèi)存地址所保存的數(shù)據(jù)不得改動(dòng)。對(duì)于簡(jiǎn)單類型的數(shù)據(jù)（數(shù)值、字符串、布爾值），值就保存在變量指向的那個(gè)內(nèi)存地址，因此等同于常量。但對(duì)于復(fù)合類型的數(shù)據(jù)（主要是對(duì)象和數(shù)組），變量指向的內(nèi)存地址，保存的只是一個(gè)指向?qū)嶋H數(shù)據(jù)的指針，const只能保證這個(gè)指針是固定的（即總是指向另一個(gè)固定的地址），至于它指向的數(shù)據(jù)結(jié)構(gòu)是不是可變的，就完全不能控制了。因此，將一個(gè)對(duì)象聲明為常量必須非常小心。
總結(jié)
以上是生活随笔為你收集整理的《02》let 和 const 命令的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《01》ECMAScript 6 简介
- 下一篇： 读《第一次把事情做对》有感