深入分析JavaScriptvar中的預解析與副作用

var的副作用

隱含全域變數和明確定義的全域變數間有些小的差異，就是透過delete操作子讓變數未定義的能力。

透過var建立的全域變數（在任何函數以外的程式中建立）是不能被刪除的。

無var所建立的隱式全域變數（無視是否在函數中建立）是能被刪除的。

這表明，在技術上，隱式全域變數並不是真正的全域變量，但它們是全域物件的屬性。屬性是可以透過delete運算子刪除的，而變數是不能的：

// 定义三个全局变量
var global_var = 1;
global_novar = 2; 		// 反面教材
(function () {
   global_fromfunc = 3; // 反面教材
}());

// 试图删除
delete global_var; 		// false
delete global_novar; 	// true
delete global_fromfunc; // true

// 测试该删除
typeof global_var; 		// "number"
typeof global_novar; 	// "undefined"
typeof global_fromfunc; // "undefined"

在ES5嚴格模式下，未宣告的變數（如前面的程式碼片段中的兩個反面教材）工作時會拋出一個錯誤。

單var形式

在函數頂部使用單var語句是比較有用的一種形式，其好處在於：

提供了一個單一的地方去尋找功能所需的所有局部變數

防止變數在定義之前使用的邏輯錯誤

幫助你記住宣告的全域變量，因此較少了全域變數//zxx:此處我自己是有點暈乎的…

少程式碼（類型啊傳值啊單線完成）

#單var形式長得就像下面這個樣子：

function func() {
   var a = 1,
       b = 2,
       sum = a + b,
       myobject = {},
       i,
       j;
   // function body...
}

您可以使用var語句宣告多個變量，並以逗號分隔。像這種初始化變數同時初始化值的做法是很好的。這樣子可以防止邏輯錯誤（所有未初始化但宣告的變數的初始值是undefined）和增加程式碼的可讀性。在你看到程式碼後，你可以根據初始化的值知道這些變數大致的用途，例如是要當作物件呢還是當作整數來使。

你也可以在宣告的時候做一些實際的工作，例如前面程式碼中的sum = a + b這個情況，另一個例子就是當你使用DOM（文件物件模型）來引用時，你可以使用單一的var把DOM引用一起指定為局部變量，就如下面程式碼所示的：

function updateElement() {
   var el = document.getElementById("result"),
       style = el.style;
   // 使用el和style干点其他什么事...
}

vars變數預解析

JavaScript中，你可以在函數的任何位置都宣告多個var語句，而且它們就好像是在函數頂端宣告一樣發揮作用，這種行為稱為hoisting（懸置/置頂解析/預解析）。當你使用了一個變量，然後不久在函數中重新聲明的話，就可能產生邏輯錯誤。對於JavaScript，只要你的變數是在同一個作用域中（同一函數），它都被當作是宣告的，即使是它在var宣告前使用的時候。看下面這個例子：

// 反例
myname = "global"; // 全局变量
function func() {
    alert(myname); // "undefined"
    var myname = "local";
    alert(myname); // "local"
}
func();

在這個例子中，你可能會以為第一個alert彈出的是”global”，第二個彈出”loacl”。這種期許是可以理解的，因為在第一個alert 的時候，myname未聲明，此時函數肯定很自然而然地看全域變數myname，但是，實際上並不是這樣運作的。第一個alert會彈 出」undefined」是因為myname被當做了函數的局部變數（儘管是之後宣告的），所有的變數宣告當被懸置到函數的頂部了。因此，為了避免這種混亂，最好是預先聲明你想使用的全部變數。

上面的程式碼片段執行的行為可能就像下面這樣：

myname = "global"; // global variable
function func() {
   var myname; // 等同于 -> var myname = undefined;
   alert(myname); // "undefined"
   myname = "local";
   alert(myname); // "local"}
func();

為了完整，我們再提一提執行層面的稍微複雜點的東西。程式碼處理分為兩個階段，第一階段是變量，函數聲明，以及正常格式的參數創建，這是解析和進入上下文 的階段。第二個階段是程式碼執行，函數表達式和不合格的標識符（為聲明的變數）被創建。但是，出於實用的目的，我們就採用了”hoisting”這個概念， 這種ECMAScript標準中並未定義，通常用來描述行為。

存取全域物件

在瀏覽器中，全域物件可以透過window屬性在程式碼的任何位置存取（除非你做了些比較出格的事情，像是宣告了一個名為window的局部變數）。但是在其他環境下，這個方便的屬性可能被叫做其他什麼東西（甚至在程式中不可用）。如果你需要在沒有硬編碼的window標識符下存取全域對象，你可以在任何層級的函數作用域中做如下操作：

var global = (function () {
   return this;
}());

這種方法可以隨時取得全域對象，因為其在函數中被當做函數呼叫了（不是透過new構造），this總是指向全域對象。實際上這個病不適用於ECMAScript 5嚴格模式，所以，在嚴格模式下時，你必須採取不同的形式。例如，你正在開發一個JavaScript庫，你可以將你的程式碼包裹在一個即時函數中，然後從全域作用域中，傳遞一個引用指向this作為你即時函數的參數。

以上是深入分析JavaScriptvar中的預解析與副作用的詳細內容。更多資訊請關注PHP中文網其他相關文章！