您好,登錄后才能下訂單哦!
這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)javascript中用哪個(gè)關(guān)鍵字聲明變量,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
javascript中聲明變量的關(guān)鍵字是var、let和const。var聲明的變量可以用來保存任何類型的值,聲明的范圍是函數(shù)作用域;let聲明的范圍是塊作用域;而const聲明變量時(shí)必須同時(shí)初始化變量,且初始化后值不可再修改。
聲明變量關(guān)鍵字var、let和const
ECMAScript變量是松散類型的,即變量可以用于保存任何類型的數(shù)據(jù),每個(gè)變量只不過是一個(gè)用于保存任意值的命名占位符。
1.var關(guān)鍵字
var聲明的變量可以用來保存任何類型的值(在不初始化的情況下會(huì)保存一個(gè)特殊值undefined
),像其他語(yǔ)言一樣在javascript在定義變量的同時(shí)還可以對(duì)變量進(jìn)行賦值,該變量被定義為一個(gè)保存所賦值的值的變量,因?yàn)閖avascript是動(dòng)態(tài)語(yǔ)言,在初始化變量的時(shí)候不會(huì)將它標(biāo)識(shí)為所賦值的數(shù)據(jù)類型,只是一個(gè)簡(jiǎn)單的賦值而已。隨后不僅可以改變保存的值,還可以改變值的類型:
var message = "hi"; message = 100;
1.1.var聲明作用域
使用var操作符定義的變量會(huì)成為包含它的函數(shù)的局部變量。比如,使用var在函數(shù)內(nèi)部定義一個(gè)變量,就意味這該變量將在函數(shù)退出時(shí)被銷毀,我覺得這就是所說的垃圾回收:
function test( ) { vart message = "hi"; //局部變量 } test( ); console.log(message); //報(bào)錯(cuò)!
函數(shù)調(diào)用之后變量會(huì)隨機(jī)被銷毀,因此最后一行會(huì)報(bào)錯(cuò)。不過,在函數(shù)定義變量時(shí)省略var操作符時(shí)可以創(chuàng)建一個(gè)全局變量:
function test( ) { message = "hi"; //全局變量 } test( ); console.log(message); //"hi"
只要調(diào)用一次函數(shù)test( )就會(huì)定義message這一全局變量,并且可以在函數(shù)外部訪問。但是由于在局部作用域中定義的全局變量很難維護(hù),所以一般不推薦這樣做。
1.2.var聲明提升
使用var關(guān)鍵字聲明的變量會(huì)自動(dòng)提升函數(shù)作用域頂部,即所謂的“提升”(hoist),也就是把所有變量聲明都拉到函數(shù)作用域的頂部:
function fool( ) { console.log(age); var age = 28; } fool( ); //undefined
這里是不會(huì)報(bào)錯(cuò)的,而是顯示undefined,ECMAScript在運(yùn)行是會(huì)把它看成等價(jià)于如下的代碼:
function fool( ) { var age; console.log(age); age = 28; } fool( ); //undefined
2.let聲明
let跟var的作用差不多,但有著非常重要的區(qū)別。最明顯的區(qū)別是let聲明的范圍是塊作用域,而var聲明的范圍是函數(shù)作用域:
if (true) { let age = 26; console.log(age); //26 } console.log(age); //ReferceError:age沒有定義
age變量的作用域僅限于該塊內(nèi)部,所以不能在if塊外部被引用。塊作用域是函數(shù)作用域的子集,所以適用于var的作用域限制也同樣適用于let。
let也不允許同一塊作用域中出現(xiàn)冗余聲明(var可以):
var name; var name; let age; let age; //SyntaxError;標(biāo)識(shí)符age已經(jīng)聲明過了
此外,對(duì)聲明冗余報(bào)錯(cuò)不會(huì)因混用var和let而受影響。這兩個(gè)關(guān)鍵字聲明的并不是不同類型的變量,他們只是指出變量在相關(guān)作用域如何存在。
2.1.暫時(shí)性死區(qū)
let與var的另一個(gè)重要區(qū)別是let聲明的變量不會(huì)在作用域中被提升:
//name會(huì)提升 console.log(name); //undefined var name = 'matt'; //name不會(huì)提升 console.log(name); //ReferenceError:name沒有定義 let name = 'matt';
2.2.全局聲明
與var不同,使用let在全局作用域中聲明的變量不會(huì)成為window對(duì)象的屬性(var聲明的變量則會(huì)):
var name = 'matt'; console.log(window.name); //'matt' let name = 'matt'; console.log(window.name); //undefined
不過,let聲明仍然是在全局作用域中發(fā)生的,相應(yīng)變量會(huì)在頁(yè)面的聲明周期內(nèi)存續(xù)。
2.3.條件聲明
let的作用域是塊,所以不可能檢查前面是否已經(jīng)使用let聲明過同名變量,同時(shí)也就不可能在沒有聲明的情況下聲明它。使用try/catch或typeof操作符也不能解決,因?yàn)闂l件塊中l(wèi)et聲明的作用域僅限于該塊。為此,對(duì)于let這個(gè)新的ES6聲明關(guān)鍵字不能依賴條件聲明模式。
2.4.for循環(huán)中的let聲明
在使用var的時(shí)候,最常見的問題就是對(duì)迭代變量的奇特聲明和修改:
for(var i = 0; i < 5; ++i) { setTimeout( () => console.log(i) ,0) } //你可能以為會(huì)輸出0、1、2、3、4 //實(shí)際上輸出的是5、5、5、5、5
在退出循環(huán)的時(shí)候迭代變量保存的是導(dǎo)致循環(huán)退出的值:5。在之后執(zhí)行setTimeout
超時(shí)邏輯時(shí),所以i都是同一個(gè)變量,因而最終輸出的都是同一個(gè)值。
使用let聲明迭代變量時(shí),JavaScript引擎在后臺(tái)會(huì)為每個(gè)迭代循環(huán)聲明一個(gè)新的迭代變量,每個(gè)setTimeout
引用的都是不同的變量實(shí)例:
for(let i = 0; i < 5; ++i) { setTimeout( () => console.log(i) ,0) } //會(huì)輸出0、1、2、3、4
【相關(guān)推薦:javascript學(xué)習(xí)教程】
3.const聲明
const的行為與let基本相同,唯一一個(gè)重要區(qū)別是它聲明變量時(shí)必須同時(shí)初始化變量,且嘗試修改const聲明的變量會(huì)導(dǎo)致運(yùn)行錯(cuò)誤。
const聲明的限制只適用于它指向的變量的引用。如果const變量引用的是一個(gè)對(duì)象,那么修改這個(gè)對(duì)象內(nèi)部的屬性并不違反const的限制:
const person = { }; person.name = 'matt';
4.使用建議
let和const是ES6中新增的,從客觀上為JavaScript更精確地聲明作用域和語(yǔ)義提供更好的支持。
4.1.不使用var
限制自己只使用let和const有助于提升代碼質(zhì)量,因?yàn)樽兞坑辛嗣鞔_的作用域、聲明位置,以及不變的值。
4.2.const優(yōu)先,let次之
使用const聲明可以讓瀏覽器運(yùn)行時(shí)強(qiáng)制保持變量不變,也可以讓靜態(tài)代碼分析工具提前發(fā)現(xiàn)不合法的賦值操作。因此,我們應(yīng)該優(yōu)先使用const來聲明變量,只有在提前知道未來會(huì)有修改時(shí)再使用let。
上述就是小編為大家分享的javascript中用哪個(gè)關(guān)鍵字聲明變量了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。