快捷導(dǎo)航

深入理解javascript變量聲明

更新時(shí)間：2014年11月20日 11:08:01 投稿：hebedich

本文是談?wù)勛约簩τ趈avascript中變量聲明的一些看法、感想和理解，算是自己的一個(gè)小總結(jié)吧，分享出來給大家，希望對小伙伴們能有所幫助

相對于C/C++來說，ECMAScript里的for循環(huán)并不能創(chuàng)建一個(gè)局部的上下文。

for (var k in {a: 1, b: 2}) {

  alert(k);

} 

alert(k); // 盡管循環(huán)已經(jīng)結(jié)束但變量k依然在當(dāng)前作用域
任何時(shí)候，變量只能通過使用var關(guān)鍵字才能聲明。

上面的賦值語句：

a = 10;
這僅僅是給全局對象創(chuàng)建了一個(gè)新屬性(但它不是變量)。“不是變量”并不是說它不能被改變，而是指它不符合ECMAScript規(guī)范中的變量概念，所以它“不是變量”(它之所以能成為全局對象的屬性，完全是因?yàn)閖avascript中存在一個(gè)global對象，這樣的操作不是聲明一個(gè)變量而是給global對象增加一個(gè)a屬性。

下面看一個(gè)簡單的例題來說明問題

復(fù)制代碼代碼如下:

if (!("a" in window)) {

    var a = 1;

}

alert(a);

首先，所有的全局變量都是window的屬性，語句 var a = 1;等價(jià)于window.a = 1;

你可以用如下方式來檢測全局變量是否聲明

"變量名稱" in window

第二，所有的變量聲明都在范圍作用域的頂部，看一下相似的例子：

復(fù)制代碼代碼如下:

alert("a" in window);

var a; 

此時(shí)，盡管聲明是在alert之后，alert彈出的依然是true，這是因?yàn)镴avaScript引擎首先會掃墓所有的變量聲明，然后將這些變量聲明移動(dòng)到頂部，最終的代碼效果是這樣的：

復(fù)制代碼代碼如下:

var a;

alert("a" in window); 

第三，你需要理解該題目的意思是，變量聲明被提前了，但變量賦值沒有，因?yàn)檫@行代碼包括了變量聲明和變量賦值。

你可以將語句拆分為如下代碼：

復(fù)制代碼代碼如下:

 
var a;    //聲明

a = 1;    //初始化賦值

所以總結(jié)起來就是當(dāng)變量聲明和賦值在一起用的時(shí)候，JavaScript引擎會自動(dòng)將它分為兩部以便將變量聲明提前，不將賦值的步驟提前是因?yàn)樗锌赡苡绊懘a執(zhí)行出不可預(yù)期的結(jié)果。

題目中的代碼相當(dāng)于：

復(fù)制代碼代碼如下:

var a;

if (!("a" in window)) {

    a = 1;

}

alert(a);

根據(jù)上述例題的分析，聲明變量時(shí)如果是聲明的局部變量前面一定要加var，如果聲明的是全局變量可以不加var(最好限制全局變量的個(gè)數(shù)，盡量使用局部變量)

下面講述一個(gè)使用var的幾個(gè)特性

使用var語句多次聲明一個(gè)變量不僅是合法的，而且也不會造成任何錯(cuò)誤。
如果重復(fù)使用的一個(gè)聲明有一個(gè)初始值，那么它擔(dān)當(dāng)?shù)牟贿^是一個(gè)賦值語句的角色。
如果重復(fù)使用的一個(gè)聲明沒有一個(gè)初始值，那么它不會對原來存在的變量有任何的影響。
沒有var聲明的變量，是作為全局變量存在的；有var聲明的變量，屬于局部變量，尤其是在函數(shù)內(nèi)部。并且，經(jīng)過測試，帶var聲明比不帶var速度要快。函數(shù)內(nèi)盡量多設(shè)局部變量，這樣即安全又快速，變量操作也更加合理，不會因?yàn)楹瘮?shù)內(nèi)胡亂操作全局變量而導(dǎo)致邏輯錯(cuò)誤。

聲明對象時(shí)最好使用對象自面量的方式，這樣的速度相對new的方式要快很多。

變量名是自己取的，為了照顧語義和規(guī)范，變量名可能稍長，但是注意了，變量名的長度也會影響代碼的執(zhí)行速度。長的變量名聲明的執(zhí)行速度沒有短的快。

您可能感興趣的文章: