深入理解javascript變量聲明
相對于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è)簡單的例題來說明問題
if (!("a" in window)) {
var a = 1;
}
alert(a);
首先,所有的全局變量都是window的屬性,語句 var a = 1;等價(jià)于window.a = 1;
你可以用如下方式來檢測全局變量是否聲明
"變量名稱" in window
第二,所有的變量聲明都在范圍作用域的頂部,看一下相似的例子:
alert("a" in window);
var a;
此時(shí),盡管聲明是在alert之后,alert彈出的依然是true,這是因?yàn)镴avaScript引擎首先會掃墓所有的變量聲明,然后將這些變量聲明移動(dòng)到頂部,最終的代碼效果是這樣的:
var a;
alert("a" in window);
第三,你需要理解該題目的意思是,變量聲明被提前了,但變量賦值沒有,因?yàn)檫@行代碼包括了變量聲明和變量賦值。
你可以將語句拆分為如下代碼:
var a; //聲明
a = 1; //初始化賦值
所以總結(jié)起來就是當(dāng)變量聲明和賦值在一起用的時(shí)候,JavaScript引擎會自動(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語句多次聲明一個(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í)行速度沒有短的快。
相關(guān)文章
詳解JavaScript正則表達(dá)式中的global屬性的使用
這篇文章主要介紹了詳解JavaScript正則表達(dá)式中的global屬性的使用,是JS學(xué)習(xí)進(jìn)階中的重要知識點(diǎn),需要的朋友可以參考下2015-06-06詳解在網(wǎng)頁上通過JS實(shí)現(xiàn)文本的語音朗讀
這篇文章主要介紹了在網(wǎng)頁上通過JS實(shí)現(xiàn)文本的語音朗讀,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(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à)值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12JavaScript ES6中的簡寫語法總結(jié)與使用技巧
我們在看編寫的JS ES6代碼時(shí)經(jīng)常會看到許多簡寫的語法,本篇文章就為大家一一介紹JavaScript ES6可以簡寫的語法2018-12-12JavaScript中的Object對象學(xué)習(xí)教程
這篇文章主要介紹了JavaScript中的Object對象學(xué)習(xí)教程,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2016-05-05深入學(xué)習(xí)JavaScript 高階函數(shù)
這篇文章主要介紹了深入學(xué)習(xí)JavaScript 高階函數(shù),在 JavaScript 中,函數(shù)是一種特殊類型的對象,它們是 Function objects。,需要的朋友可以參考下2019-06-06