javascript中作用域是什麼

2022-01-18 19:00:36

在javascript中,作用域是變數(物件、函數)的可存取範圍,是變數在指令碼程式碼中的可讀、寫的有效範圍;作用域可以控制變數的可見性和生命週期。

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

幾乎所有的語言都有作用域的概念,簡單的說,作用域(scope)就是變數的可存取範圍,即作用域控制變數的可見性和生命週期。

在 JavaScript 中, 物件和函數同樣也是變數。

在 ECMAScript6 之前,變數的作用域主要分為全域性作用域、區域性作用域(也稱函數作用域)兩種;在 ECMAScript6 及其之後,變數的作用域主要分為全域性作用域、區域性作用域和塊級作用域這 3 種。

相應作用域的變數分別稱為全域性變數、區域性變數和塊級變數。

  • 全域性變數宣告在所有函數之外;

  • 區域性變數是在函數體內宣告的變數或者是函數的命名引數;

  • 塊級變數是在塊中宣告的變數,只在塊中有效。

變數的作用域跟宣告方式有很密切的關係。使用 var 宣告的變數的作用域有全域性作用域和函數作用域,沒有塊級作用域;使用 let 和 const 宣告的變數有全域性作用域、區域性作用域和塊級作用域。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<script>
			var v1 = "JavaScript"; //全域性變數
			let v2 = "JScript"; //全域性變數
			let v3 = "Script"; //全域性變數
			scopeTest(); //呼叫函數
			function scopeTest() {
				var lv = "aaa"; //區域性變數
				var v1 = "bbb"; //區域性變數
				let v2 = "ccc"; //區域性變數
				if (true) {
					let lv = "123"; //塊級變數
					console.log("塊內輸出的lv = " + lv); //123
				}
				console.log("函數體內輸出的lv = " + lv); //aaa
				console.log("函數體內輸出的v1 = " + v1); //bbb
				console.log("函數體內輸出的v2 = " + v2); //ccc
				console.log("函數體內輸出的v3 = " + v3); //Script
				//v4為全域性變數,賦值在後面,因而值為undefined
				console.log("函數體內輸出的v4 = " + v4);
			}
			var v4 = "VBScript"; //全域性變數
			console.log("函數體外輸出的lv = " + lv); //① 報ReferenceError錯誤
			console.log("函數體外輸出的v1 = " + v1); //JavaScript
			console.log("函數體外輸出的v2 = " + v2); //JScript
			console.log("函數體外輸出的v3 = " + v3); //Script
			console.log("函數體外輸出的v3 = " + v4); //VBScript
		</script>
	</body>
</html>

上述指令碼程式碼分別宣告了 4 個全域性變數、3 個區域性變數和 1 個塊級變數。在 scopeTest 函數體外,變數 v1、v2、v3 和 v4 為全域性變數;在 scopeTest 函數體內,lv、v2是全域性變數;在 if 判斷塊中,lv 是塊級變數。

我們看到,區域性變數 v1 和 v2 與全域性變數 v1 和 v2 同名,在 scopeTest 函數體內,區域性變數 v1 和 v2 有效,因而在函數體這 2 個變數的輸出結果分別為「bbb」和「ccc」;在函數體外,全域性變數 v1 和 v2 有效,因而在函數體外,這 2 個變數的輸出結果分別為「JavaScript」和「JScript」。

另外,塊級變數 lv 和區域性變數 lv 同名,在 if 判斷塊中,塊級變數 lv 有效,因而在塊中輸出的結果為「123」,而在塊外,區域性變數 lv 有效,lv 變數的輸出結果為「aaa」。

另外,全域性變數 v3 和 v4 在函數體中沒有被覆蓋,因而輸出的是全域性變數的值,所以 v3 在函數體內和體外的輸出結果都為「Script」,而 v4 變數的賦值在函數呼叫的後面,因而在函數體中的 v4 輸出結果為「undefined」,而在函數體外的輸出是在宣告之後,所以結果為「VBScript」。lv 是區域性變數,因而在函數體外存取會報「ReferenceError」錯誤。

上述程式碼在 Chrome 瀏覽器中執行後,開啟瀏覽器的控制檯,可以看到下圖所示的輸出結果。

1.png

28行程式碼報錯的原因:

lv 變數為區域性變數,離開函數後無效。將這行程式碼註釋後再執行,此時開啟瀏覽器控制檯可看到:

2.png

【相關推薦:

以上就是javascript中作用域是什麼的詳細內容,更多請關注TW511.COM其它相關文章!