let用法
ES6新增了let命令库车,用法與var類似方灾,主要用于聲明變量导饲,且逐漸代替var乍桂,與var的區(qū)別為拷邢,其聲明的變量只在自己所在的塊級(jí)作用域內(nèi)有效哩俭。
eg:
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
由于var不支持塊級(jí)作用域所以在循環(huán)時(shí)時(shí)聲明循環(huán)變量震放,與在循環(huán)外部聲明并無區(qū)別筷厘。而let關(guān)鍵字支持塊級(jí)作用域每次調(diào)用函數(shù)時(shí)都可以在塊內(nèi)找到變量i恬总,并進(jìn)行輸出前普。
??值得注意的是一個(gè)for循環(huán)并不一個(gè)塊級(jí)作用域,而是倆個(gè)壹堰,循環(huán)體作為子作用域拭卿,而循環(huán)頭部屬于父級(jí)作用域骡湖。
eg:
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc
補(bǔ)充一點(diǎn),在ES5中只有全局作用域和函數(shù)作用域峻厚,除此之外响蕴,幾乎所有帶{}的作用域都可以看做塊級(jí)作用域
變量提升
我們都知道在使用var聲明變量時(shí),可以先使用惠桃,而后聲明浦夷,此時(shí)程序也不會(huì)報(bào)錯(cuò),只是將變量當(dāng)做undfined使用辜王,這樣會(huì)給編程帶來不可預(yù)料的問題劈狐,也不是一種良好的編程習(xí)慣。在ES6中使用let關(guān)鍵字聲明變量呐馆,需嚴(yán)格遵守先聲明肥缔,后使用的原則,否則拋出錯(cuò)誤汹来。
暫時(shí)性死區(qū)
由上文我們已經(jīng)知道续膳,let聲明的變量只在自己的塊級(jí)作用域內(nèi)起作用,那么若是想使用在外部聲明的同名變量收班,又會(huì)怎么樣呢?
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}
上面代碼中闺阱,存在全局變量tmp炮车,但是塊級(jí)作用域內(nèi)let又聲明了一個(gè)局部變量tmp酣溃,導(dǎo)致后者綁定這個(gè)塊級(jí)作用域瘦穆,所以在let聲明變量前赊豌,對(duì)tmp賦值會(huì)報(bào)錯(cuò)扛或。
??ES6明確規(guī)定,如果區(qū)塊中存在let和const命令碘饼,這個(gè)區(qū)塊對(duì)這些命令聲明的變量熙兔,從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量艾恼,就會(huì)報(bào)錯(cuò)住涉。
??總之钠绍,在代碼塊內(nèi)舆声,使用let命令聲明變量之前,該變量都是不可用的。這在語法上媳握,稱為“暫時(shí)性死區(qū)”
不允許重復(fù)聲明
不同于var碱屁,let不允許重復(fù)申明
// 報(bào)錯(cuò)
function () {
let a = 10;
var a = 1;
}
// 報(bào)錯(cuò)
function () {
let a = 10;
let a = 1;
}
因此,不能在函數(shù)內(nèi)部重新聲明參數(shù)蛾找。
function func(arg) {
let arg; // 報(bào)錯(cuò)
}
function func(arg) {
{
let arg; // 不報(bào)錯(cuò)
}
}
const命令
const命令用來聲明常量娩脾,即所聲明的值不可改變,改變則拋出錯(cuò)誤打毛。
const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.
??const命令與let相同的是其也只在它所屬的塊級(jí)作用域內(nèi)起作用晦雨,也存在暫時(shí)性死區(qū)。
??然而事無絕對(duì)闹瞧,const所聲明的值只是設(shè)置其變量所指向的指針不可改變,而指針?biāo)赶蚓唧w物理地址的值還是可以改變的展辞,也就是說,對(duì)于number類型罗珍,String類型及Boolean類型不可改變,而對(duì)于Object及Array類型不可以改變對(duì)象指針或數(shù)組指針指向的位置覆旱,但其內(nèi)的元素卻是可以改變的蘸朋。
全局變量
??在ES5中扣唱,聲明的全局變量直接與頂層對(duì)象window掛鉤藕坯,為window對(duì)象的屬性(在node中為global),這種做法會(huì)為程序帶來一些不可預(yù)知的錯(cuò)誤噪沙,因此在ES6中對(duì)其作出了優(yōu)化炼彪,但也并未完全擯棄這種做法,只是用var聲明的全局變量依然為頂層對(duì)象window的屬性辐马,而使用const與let所聲明的則與window對(duì)象沒有關(guān)系。