在JavaScript中var的缺點有哪些

這篇文章主要介紹在JavaScript中var的缺點有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

JavaScript中var存在的缺陷：1、var定義的變量沒有塊作用域；2、var定義的全局變量會自動添加全局window對象的屬性；3、var定義的變量會提前裝載。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

使用var定義變量可能存在如下問題：

• var定義的變量沒有塊作用域。

• var定義的全局變量會自動添加全局window對象的屬性。

• var定義的變量會提前裝載。

那么如何彌補var的缺陷？可以使用let關鍵字，let關鍵字的出現正好解決了上述問題

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

我們先來看代碼：

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

運行結果：

上面的程序在for循環中使用了let來定義循環計數器，這樣該循環計數器i將只在for循環中有效，因此程序在循環體之外訪問i變量就會報錯。如果用var來定義i變量，則會將作用域擴散到循環體外。

2.let定義的全局變量不會自動添加到window對象的屬性：

我們再看一個示例：

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

運行結果：

上面代碼使用let定義一個全局變量name，但與使用var定義全局變量不同的是，使用let定義的全局變量不會變成window對象的屬性，所以運行上面程序訪問window.name時，看不到任何輸出。

3.let定義的變量不會提前裝載：

看如下示例：

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

運行結果：

使用let定義的變量要等到程序流執行到定義變量的代碼行時才會轉載。

上面程序先定義了一個全局變量name，接下來程序再func()函數中使用let定義了同名的name變量，此時局部變量name會覆蓋全局的name變量。但由于使用let定義的變量不會提前裝載，因此func()函數在使用let定義局部變量name之前訪問name變量會導致錯誤-----如果將func()函數中定義name變量的關鍵字改為var，則會有不同的效果。

修改后運行結果如下：

以上是“在JavaScript中var的缺點有哪些”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！