JavaScript 中的 var 關鍵字是什么？

如果你想在 JavaScript 中定義一個變量，你需要用到 var 關鍵字。關于這個關鍵字的用法以及注意事項，接下來我們會詳細地給大家講解。

var 關鍵字的使用

在 JavaScript 中，如果要聲明并定義一個變量，需要使用 var 關鍵字。例如：

var a = 1;

這句話的意思就是聲明了一個變量 a，同時賦值為 1。我們也可以在聲明變量之后單獨賦值，例如：

var b;b = 2;

需要注意的是，在定義變量時不使用 var 會創建一個全局變量。這個全局變量會在整個頁面任何地方都能被訪問到。例如：

x = 3;

上面的代碼會創建一個名為 x 的全局變量并將其賦值為 3。但是，不推薦在程序中使用這種寫法。

var 關鍵字的作用域

在 JavaScript 中，var 關鍵字定義的變量可以是全局變量或局部變量，具體取決于變量聲明的位置。

如果變量定義在所有函數之外，則其范圍為整個程序。例如：

var a = "Hello World!";function testFunc() {//訪問全局范圍變量 aconsole.log(a);}

如果變量定義在函數內部，則它的 scope（作用域）僅限于該函數。例如：

function testFunc() {//如果定義變量 b，則其 scope，也就是作用域，為函數 testFunc()var b = "Hello World!";//在函數 testFunc 內訪問變量 b，輸出 "Hello World!"console.log(b);}//在函數外部調用函數 testFunc，會提示變量 b 未定義testFunc();console.log(b);

var 關鍵字的注意事項

1. 在同一個作用域內不能聲明同名變量。例如：

var a = "Hello World!";if (true) {var a = 5;console.log(a);}console.log(a);

上面的代碼中，變量 a 的值在 if 語句塊中被改變了，此時會輸出 5 2 次。

2. 變量提升。在函數內部，聲明的變量會被提升到該函數的頂部。

var a = "Hello World!";function testFunc() {console.log(a); //undefined，變量 a 已經被聲明但未被賦值var a = "Foo";console.log(a); //輸出"Foo"}testFunc();

3. 在 for 循環中請避免多次使用 var。如果在循環中重復聲明同一個變量，會導致變量的 scope 被重置。

for (var i = 0; i < 5; i++) {//循環完畢后，輸出的 i 的值是 5setTimeout(() => console.log(i), 1000);}

上面的代碼用 setTimeout 輸出了 5 次變量 i，而不是預期的從 0 到 4。解決的方法是使用 let 替換 var，因為 let 不會將其 scope 重置。

總結

在 JavaScript 中，使用 var 關鍵字可以定義變量。變量可以是全局變量或局部變量，具體取決于變量聲明的位置。使用 var 的時候需要注意同名變量的問題、變量提升以及在 for 循環中避免使用多個 var 關鍵字。希望本文能夠為大家對 JavaScript 中的 var 關鍵字有一個更清晰的認識。