1、作用域不同

用var聲明的變量，只有函數(shù)作用域和全局作用域，沒(méi)有塊級(jí)作用域。而let可以實(shí)現(xiàn)塊級(jí)作用域，只能在代碼塊{}內(nèi)有效，在{}之外不能訪問(wèn)，如下代碼所示：

{
let a = 0;
var b = 1;
}
console.log(a) // ReferenceError: a is not defined
console.log(b) // 1

2、let沒(méi)有變量提升

在代碼塊內(nèi)，使用let命令聲明變量之前，該變量都是不可用的。這在語(yǔ)法上，稱(chēng)為：暫時(shí)性死區(qū)，英文為：temporal dead zone，簡(jiǎn)稱(chēng) TDZ。

//報(bào)錯(cuò)
console.log(a)
let a=10

3、let變量不能重復(fù)聲明

使用var，多次聲明同一個(gè)變量，不會(huì)報(bào)錯(cuò)，只會(huì)得到一個(gè)變量。

var a=1;
var a=2;

上述例子中，所有的a的聲明實(shí)際上都引用了一個(gè)相同的a。在多人開(kāi)發(fā)一個(gè)項(xiàng)目時(shí)，容易出現(xiàn)問(wèn)題。比如都定義了一個(gè)變量a，但各自用途不同，后面定義的a會(huì)把前面定義的覆蓋掉。

而let就相對(duì)嚴(yán)格，無(wú)法多次聲明同一個(gè)變量，一個(gè)變量只能聲明一次，并且無(wú)法在 let 語(yǔ)句前去訪問(wèn)該變量

let a=1;
let a=2; //錯(cuò)誤

4、for循環(huán)中的let與var

for (var i = 0; i < 3; i++) {
setTimeout(function (){console.log("i:" + i);});
}

上述代碼打印出來(lái)i都是3，這個(gè)結(jié)果令人感覺(jué)奇怪。其實(shí)并不奇怪，原因如下所示：

（1）var是全局變量，并且可以允許重復(fù)定義，所以在for (var i = 0; i < 3; i++)語(yǔ)句中，i重復(fù)定義了3次，最終的值以最后一次定義為準(zhǔn)。

（2）javascript是單線程，setTimeout()會(huì)等f(wàn)or執(zhí)行完之后才開(kāi)始計(jì)時(shí)，此時(shí)i的值為3，最終打印出3

for (let j = 0; j < 3; j++) {
setTimeout(function (){console.log("j:" + j);});
}

上述代碼打印出來(lái)i是0、1、2，原因分析如下：

（1）變量j是用let聲明的，當(dāng)前的j只在本輪循環(huán)中有效，每次循環(huán)的j其實(shí)都是一個(gè)新的變量。

（2）在for循環(huán)中，不僅循環(huán)體{}會(huì)生成塊級(jí)作用域，循環(huán)條件()也會(huì)生成塊級(jí)作用域，循環(huán)條件()的塊級(jí)作用域是循環(huán)體{}塊級(jí)作用域的父級(jí)作用域，所以let可以跨越()和{}作用域。

參考：TypeScript let與var的區(qū)別

到此這篇關(guān)于TypeScript let與var的區(qū)別的文章就介紹到這了,更多相關(guān)TypeScript let與var區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論