JavaScript中var有啥缺陷-js教程-PHP中文網

JavaScript中var有啥缺陷

青灯夜游

發布： 2023-01-07 11:41:19

原創

4396 人瀏覽過

JavaScript中var存在的缺陷：1、var定義的變數沒有區塊作用域；2、var定義的全域變數會自動加入全域window物件的屬性；3、var定義的變數會提前載入。

JavaScript中var有啥缺陷

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

使用var定義變數可能存在以下問題：

var定義的變數沒有區塊作用域。
var定義的全域變數會自動加入全域window物件的屬性。
var定義的變數會提前載入。

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

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

##我們先來看程式碼：

<script>
	for(let i = 0;i < 10; i++){
		console.log(i);
	}
	console.log("循环体之外：" + i);//报错：letScope.html:5 Uncaught ReferenceError: i is not defined
</script>

登入後複製

運行結果：

JavaScript中var有啥缺陷上面的程式在for迴圈中使用了let來定義迴圈計數器，這樣循環計數器i只會在for迴圈中有效，因此程式在迴圈體之外存取i變數就會報錯。如果用var來定義i變量，則會將作用域擴散到循環體外。

2.let定義的全域變數不會自動加入window物件的屬性：

我們再看一個範例：

<script>
	let name = &#39;巴啦啦&#39;;
		console.log(name); //输出巴啦啦
		console.log(window.name); //window.name不存在
</script>

登入後複製

執行結果：

JavaScript中var有啥缺陷上面程式碼使用let定義一個全域變數name，但與使用var定義全域變數不同的是，使用let定義的全域變數不會變成window物件的屬性，所以執行上面程式存取window.name時，看不到任何輸出。

3.let定義的變數不會事先載入：

看如下範例：

<script>
	var name = &#39;巴啦啦&#39;;
	function func(){
		console.log(name);
		let name = &#39;fkit&#39;;
		console.log(name);
	}
	func();
</script>

登入後複製

執行結果：

JavaScript中var有啥缺陷

#使用let定義的變數要等到程式流程執行到定義變數的程式碼行時才會轉載。

上面程式先定義了一個全域變數name，接下來程式再func()函數中使用let定義了同名的name變量，此時局部變數name會覆寫全域的name變數。但由於使用let定義的變數不會提前裝載，因此func()函數在使用let定義局部變數name之前存取name變數會導致錯誤-----

如果將func()函數中定義name變數的關鍵字改為var，則會有不同的效果。

修改後運行結果如下：

JavaScript中var有啥缺陷

綜上所述，let關鍵字彌補了var的缺陷。

以上是JavaScript中var有啥缺陷的詳細內容。更多資訊請關注PHP中文網其他相關文章！