JavaScript探秘var預(yù)解析與副作用

var的副作用

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

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

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

這表明，在技術(shù)上，隱式全局變量并不是真正的全局變量，但它們是全局對(duì)象的屬性。屬性是可以通過(guò)delete操作符刪除的，而變量是不能的：

// 定義三個(gè)全局變量
var global_var = 1;
global_novar = 2; // 反面教材
(function () {
 global_fromfunc = 3; // 反面教材
}());
 
// 試圖刪除
delete global_var; // false
delete global_novar; // true
delete global_fromfunc; // true
 
// 測(cè)試該刪除
typeof global_var; // "number"
typeof global_novar; // "undefined"
typeof global_fromfunc; // "undefined"

在ES5嚴(yán)格模式下，未聲明的變量（如在前面的代碼片段中的兩個(gè)反面教材）工作時(shí)會(huì)拋出一個(gè)錯(cuò)誤。

單var形式

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

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

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

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

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

單var形式長(zhǎng)得就像下面這個(gè)樣子：

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

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

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

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

vars變量預(yù)解析

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

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

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

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

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

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

訪問(wèn)全局對(duì)象

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

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

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

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