深入理解javascript變量聲明
相對(duì)于C/C++來(lái)說(shuō),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í)候,變量只能通過(guò)使用var關(guān)鍵字才能聲明。
上面的賦值語(yǔ)句:
a = 10;
這僅僅是給全局對(duì)象創(chuàng)建了一個(gè)新屬性(但它不是變量)?!安皇亲兞俊辈⒉皇钦f(shuō)它不能被改變,而是指它不符合ECMAScript規(guī)范中的變量概念,所以它“不是變量”(它之所以能成為全局對(duì)象的屬性,完全是因?yàn)閖avascript中存在一個(gè)global對(duì)象,這樣的操作不是聲明一個(gè)變量而是給global對(duì)象增加一個(gè)a屬性。
下面看一個(gè)簡(jiǎn)單的例題來(lái)說(shuō)明問(wèn)題
if (!("a" in window)) {
var a = 1;
}
alert(a);
首先,所有的全局變量都是window的屬性,語(yǔ)句 var a = 1;等價(jià)于window.a = 1;
你可以用如下方式來(lái)檢測(cè)全局變量是否聲明
"變量名稱(chēng)" in window
第二,所有的變量聲明都在范圍作用域的頂部,看一下相似的例子:
alert("a" in window);
var a;
此時(shí),盡管聲明是在alert之后,alert彈出的依然是true,這是因?yàn)镴avaScript引擎首先會(huì)掃墓所有的變量聲明,然后將這些變量聲明移動(dòng)到頂部,最終的代碼效果是這樣的:
var a;
alert("a" in window);
第三,你需要理解該題目的意思是,變量聲明被提前了,但變量賦值沒(méi)有,因?yàn)檫@行代碼包括了變量聲明和變量賦值。
你可以將語(yǔ)句拆分為如下代碼:
var a; //聲明
a = 1; //初始化賦值
所以總結(jié)起來(lái)就是當(dāng)變量聲明和賦值在一起用的時(shí)候,JavaScript引擎會(huì)自動(dòng)將它分為兩部以便將變量聲明提前,不將賦值的步驟提前是因?yàn)樗锌赡苡绊懘a執(zhí)行出不可預(yù)期的結(jié)果。
題目中的代碼相當(dāng)于:
var a;
if (!("a" in window)) {
a = 1;
}
alert(a);
根據(jù)上述例題的分析,聲明變量時(shí)如果是聲明的局部變量前面一定要加var,如果聲明的是全局變量可以不加var(最好限制全局變量的個(gè)數(shù),盡量使用局部變量)
下面講述一個(gè)使用var的幾個(gè)特性
使用var語(yǔ)句多次聲明一個(gè)變量不僅是合法的,而且也不會(huì)造成任何錯(cuò)誤。
如果重復(fù)使用的一個(gè)聲明有一個(gè)初始值,那么它擔(dān)當(dāng)?shù)牟贿^(guò)是一個(gè)賦值語(yǔ)句的角色。
如果重復(fù)使用的一個(gè)聲明沒(méi)有一個(gè)初始值,那么它不會(huì)對(duì)原來(lái)存在的變量有任何的影響。
沒(méi)有var聲明的變量,是作為全局變量存在的;有var聲明的變量,屬于局部變量,尤其是在函數(shù)內(nèi)部。并且,經(jīng)過(guò)測(cè)試,帶var聲明比不帶var速度要快。函數(shù)內(nèi)盡量多設(shè)局部變量,這樣即安全又快速,變量操作也更加合理,不會(huì)因?yàn)楹瘮?shù)內(nèi)胡亂操作全局變量而導(dǎo)致邏輯錯(cuò)誤。
聲明對(duì)象時(shí)最好使用對(duì)象自面量的方式,這樣的速度相對(duì)new的方式要快很多。
變量名是自己取的,為了照顧語(yǔ)義和規(guī)范,變量名可能稍長(zhǎng),但是注意了,變量名的長(zhǎng)度也會(huì)影響代碼的執(zhí)行速度。長(zhǎng)的變量名聲明的執(zhí)行速度沒(méi)有短的快。
相關(guān)文章
詳解JavaScript正則表達(dá)式中的global屬性的使用
這篇文章主要介紹了詳解JavaScript正則表達(dá)式中的global屬性的使用,是JS學(xué)習(xí)進(jìn)階中的重要知識(shí)點(diǎn),需要的朋友可以參考下2015-06-06詳解在網(wǎng)頁(yè)上通過(guò)JS實(shí)現(xiàn)文本的語(yǔ)音朗讀
這篇文章主要介紹了在網(wǎng)頁(yè)上通過(guò)JS實(shí)現(xiàn)文本的語(yǔ)音朗讀,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03javascript 學(xué)習(xí)筆記(四) 倒計(jì)時(shí)程序代碼
javascript 學(xué)習(xí)筆記(四) 倒計(jì)時(shí)程序代碼,需要的朋友可以參考下。2011-04-04基于js 字符串indexof與search方法的區(qū)別(詳解)
下面小編就為大家分享一篇基于js 字符串indexof與search方法的區(qū)別介紹,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12JavaScript ES6中的簡(jiǎn)寫(xiě)語(yǔ)法總結(jié)與使用技巧
我們?cè)诳淳帉?xiě)的JS ES6代碼時(shí)經(jīng)常會(huì)看到許多簡(jiǎn)寫(xiě)的語(yǔ)法,本篇文章就為大家一一介紹JavaScript ES6可以簡(jiǎn)寫(xiě)的語(yǔ)法2018-12-12JavaScript中的Object對(duì)象學(xué)習(xí)教程
這篇文章主要介紹了JavaScript中的Object對(duì)象學(xué)習(xí)教程,是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2016-05-05深入學(xué)習(xí)JavaScript 高階函數(shù)
這篇文章主要介紹了深入學(xué)習(xí)JavaScript 高階函數(shù),在 JavaScript 中,函數(shù)是一種特殊類(lèi)型的對(duì)象,它們是 Function objects。,需要的朋友可以參考下2019-06-06