javascript聲明變量用哪個(gè)關(guān)鍵字

javascript聲明變量用哪個(gè)關(guān)鍵字？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

在js中，可以使用var、let和const關(guān)鍵字聲明。var聲明的變量可以用來(lái)保存任何類(lèi)型的值，范圍是函數(shù)作用域；let聲明的變量在{}中使用，變量的作用域限制在塊級(jí)域中；const用于修飾常量，聲明位置不限。

聲明變量關(guān)鍵字var、let和const

ECMAScript變量是松散類(lèi)型的，即變量可以用于保存任何類(lèi)型的數(shù)據(jù)，每個(gè)變量只不過(guò)是一個(gè)用于保存任意值的命名占位符。

1.var關(guān)鍵字

  var聲明的變量可以用來(lái)保存任何類(lèi)型的值（在不初始化的情況下會(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ù)類(lèi)型，只是一個(gè)簡(jiǎn)單的賦值而已。隨后不僅可以改變保存的值，還可以改變值的類(lèi)型：

var message = "hi";
	message = 100;

1.1.var聲明作用域

  使用var操作符定義的變量會(huì)成為包含它的函數(shù)的局部變量。比如，使用var在函數(shù)內(nèi)部定義一個(gè)變量，就意味這該變量將在函數(shù)退出時(shí)被銷(xiāo)毀，我覺(jué)得這就是所說(shuō)的垃圾回收：

function test( ) {
		vart message = "hi";	//局部變量
	}
test( );
console.log(message);	//報(bào)錯(cuò)！

  函數(shù)調(diào)用之后變量會(huì)隨機(jī)被銷(xiāo)毀，因此最后一行會(huì)報(bào)錯(cuò)。不過(guò)，在函數(shù)定義變量時(shí)省略var操作符時(shí)可以創(chuàng)建一個(gè)全局變量：

function test( )  {
	message = "hi";	//全局變量
}
test( );
console.log(message);	//"hi"

  只要調(diào)用一次函數(shù)test( )就會(huì)定義message這一全局變量，并且可以在函數(shù)外部訪問(wèn)。但是由于在局部作用域中定義的全局變量很難維護(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沒(méi)有定義

  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)聲明過(guò)了

  此外，對(duì)聲明冗余報(bào)錯(cuò)不會(huì)因混用var和let而受影響。這兩個(gè)關(guān)鍵字聲明的并不是不同類(lèi)型的變量，他們只是指出變量在相關(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沒(méi)有定義
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

  不過(guò)，let聲明仍然是在全局作用域中發(fā)生的，相應(yīng)變量會(huì)在頁(yè)面的聲明周期內(nèi)存續(xù)。

2.3.條件聲明

  let的作用域是塊，所以不可能檢查前面是否已經(jīng)使用let聲明過(guò)同名變量，同時(shí)也就不可能在沒(méi)有聲明的情況下聲明它。使用try/catch或typeof操作符也不能解決，因?yàn)闂l件塊中l(wèi)et聲明的作用域僅限于該塊。為此，對(duì)于let這個(gè)新的ES6聲明關(guān)鍵字不能依賴(lài)條件聲明模式。

2.4.for循環(huán)中的let聲明

  在使用var的時(shí)候，最常見(jiàn)的問(wèn)題就是對(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

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來(lái)聲明變量，只有在提前知道未來(lái)會(huì)有修改時(shí)再使用let。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。