JavaScript探秘var預解析與副作用

var的副作用

隱式全局變量和明確定義的全局變量間有些小的差異，就是通過delete操作符讓變量未定義的能力。

通過var創(chuàng)建的全局變量（任何函數(shù)之外的程序中創(chuàng)建）是不能被刪除的。

無var創(chuàng)建的隱式全局變量（無視是否在函數(shù)中創(chuàng)建）是能被刪除的。

這表明，在技術(shù)上，隱式全局變量并不是真正的全局變量，但它們是全局對象的屬性。屬性是可以通過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形式

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

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

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

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

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

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

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

您可以使用一個var語句聲明多個變量，并以逗號分隔。像這種初始化變量同時初始化值的做法是很好的。這樣子可以防止邏輯錯誤（所有未初始化但聲明的變量的初始值是undefined）和增加代碼的可讀性。在你看到代碼后，你可以根據(jù)初始化的值知道這些變量大致的用途，例如是要當作對象呢還是當作整數(shù)來使。

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

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

vars變量預解析

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

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

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

上面的代碼片段執(zhí)行的行為可能就像下面這樣：

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

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

訪問全局對象

在瀏覽器中，全局對象可以通過window屬性在代碼的任何位置訪問（除非你做了些比較出格的事情，像是聲明了一個名為window的局部變量）。但是在其他環(huán)境下，這個方便的屬性可能被叫做其他什么東西（甚至在程序中不可用）。如果你需要在沒有硬編碼的window標識符下訪問全局對象，你可以在任何層級的函數(shù)作用域中做如下操作：

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

這種方法可以隨時獲得全局對象，因為其在函數(shù)中被當做函數(shù)調(diào)用了（不是通過new構(gòu)造），this總是指向全局對象。實際上這個病不適用于ECMAScript 5嚴格模式，所以，在嚴格模式下時，你必須采取不同的形式。例如，你正在開發(fā)一個JavaScript庫，你可以將你的代碼包裹在一個即時函數(shù)中，然后從全局作用域中，傳遞一個引用指向this作為你即時函數(shù)的參數(shù)。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com