在JavaScript中var的缺點(diǎn)是什么

本文小編為大家詳細(xì)介紹“在JavaScript中var的缺點(diǎn)是什么”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“在JavaScript中var的缺點(diǎn)是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

JavaScript中var存在的缺陷：1、var定義的變量沒(méi)有塊作用域；2、var定義的全局變量會(huì)自動(dòng)添加全局window對(duì)象的屬性；3、var定義的變量會(huì)提前裝載。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

使用var定義變量可能存在如下問(wèn)題：

• var定義的變量沒(méi)有塊作用域。

• var定義的全局變量會(huì)自動(dòng)添加全局window對(duì)象的屬性。

• var定義的變量會(huì)提前裝載。

那么如何彌補(bǔ)var的缺陷？可以使用let關(guān)鍵字，let關(guān)鍵字的出現(xiàn)正好解決了上述問(wèn)題

1.let定義的變量有塊作用域：

我們先來(lái)看代碼：

<script type="text/javascript">
	for(let i = 0;i < 10; i++){
		console.log(i);
	}
	console.log("循環(huán)體之外：" + i);//報(bào)錯(cuò)：letScope.html:5 Uncaught ReferenceError: i is not defined
</script>

運(yùn)行結(jié)果：

上面的程序在for循環(huán)中使用了let來(lái)定義循環(huán)計(jì)數(shù)器，這樣該循環(huán)計(jì)數(shù)器i將只在for循環(huán)中有效，因此程序在循環(huán)體之外訪問(wèn)i變量就會(huì)報(bào)錯(cuò)。如果用var來(lái)定義i變量，則會(huì)將作用域擴(kuò)散到循環(huán)體外。

2.let定義的全局變量不會(huì)自動(dòng)添加到window對(duì)象的屬性：

我們?cè)倏匆粋€(gè)示例：

<script type="text/javascript">
	let name = '巴啦啦';
		console.log(name); //輸出巴啦啦
		console.log(window.name); //window.name不存在
</script>

上面代碼使用let定義一個(gè)全局變量name，但與使用var定義全局變量不同的是，使用let定義的全局變量不會(huì)變成window對(duì)象的屬性，所以運(yùn)行上面程序訪問(wèn)window.name時(shí)，看不到任何輸出。

3.let定義的變量不會(huì)提前裝載：

看如下示例：

<script type="text/javascript">
	var name = '巴啦啦';
	function func(){
		console.log(name);
		let name = 'fkit';
		console.log(name);
	}
	func();
</script>

運(yùn)行結(jié)果：

使用let定義的變量要等到程序流執(zhí)行到定義變量的代碼行時(shí)才會(huì)轉(zhuǎn)載。

上面程序先定義了一個(gè)全局變量name，接下來(lái)程序再func()函數(shù)中使用let定義了同名的name變量，此時(shí)局部變量name會(huì)覆蓋全局的name變量。但由于使用let定義的變量不會(huì)提前裝載，因此func()函數(shù)在使用let定義局部變量name之前訪問(wèn)name變量會(huì)導(dǎo)致錯(cuò)誤-----如果將func()函數(shù)中定義name變量的關(guān)鍵字改為var，則會(huì)有不同的效果。

修改后運(yùn)行結(jié)果如下：

讀到這里，這篇“在JavaScript中var的缺點(diǎn)是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。