Javascript var變量隱式聲明方法
諸如此類(lèi)。這有一個(gè)問(wèn)題,比如說(shuō)在代碼中的某一行,我想使用的一個(gè)已聲明的變量x,結(jié)果由于打字或者拼寫(xiě)錯(cuò)誤,這個(gè)變量被寫(xiě)成y了,結(jié)果相當(dāng)于“隱式”聲明了一個(gè)變量y,在實(shí)際編程過(guò)程中,這種錯(cuò)誤有時(shí)比較難以發(fā)現(xiàn)。
除此之外,今天通過(guò)同事介紹,了解到這種“隱式聲明”中的別外一個(gè)問(wèn)題。
當(dāng)你在當(dāng)前上下文內(nèi)進(jìn)行這種“隱式”聲明時(shí),JavaScript引擎會(huì)先在當(dāng)前上下文中尋找是否之前有聲明此變量,如果沒(méi)有,再到上一級(jí)的上下文中去尋找,如果一直未找到,會(huì)最后在window上聲明這個(gè)變量!
比如:
window. y = "hello";
function func(){
y = "OH, NO!!!";
}
func();
alert(window.y); //#=> display "OH, NO!!!"
當(dāng)上下文中的任意一層有這種“隱式”定義的變量時(shí),那么該層的該變量會(huì)被修改,而不會(huì)在window上生成一個(gè)新的變量。(這種bug也挺討厭的,尤其是封裝的比較復(fù)雜的代碼)
比如:
var x = "window.x";
function a() {
var x = "a's x";
var b = function() {
var c = function() {
//no var!
x = "c's x:";
};
alert("before c run,the b.x:" + x);
c();
alert("after c run, the b.x:" + x);
};
alert("a.x is:" + x);
b();
alert("after b function runed, the a.x is:" + x);
};
alert("before a run, window.x:" + x);
a();
alert("after a run, window.x:" + x);
這里面有以下幾層:window, func a, func b, func c一直作層級(jí)嵌套。window->a->b->c
window和a中,都有定義變量x,b中未定義該變量,在c中‘隱式'聲明了一個(gè)x,該x最終修改了a變量的值。
牢記,在JavaScript中,聲明變量,一定前面要加var .
相關(guān)文章
靜態(tài)頁(yè)面html中跳轉(zhuǎn)傳值的JS處理技巧
這篇文章主要介紹了靜態(tài)頁(yè)面html中跳轉(zhuǎn)傳值的JS處理技巧,結(jié)合實(shí)例形式分析了HTML頁(yè)面跳轉(zhuǎn)通過(guò)URL傳遞參數(shù)的方法與javascript處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
JS實(shí)現(xiàn)固定在右下角可展開(kāi)收縮DIV層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)固定在右下角可展開(kāi)收縮DIV層的方法,右下角的div層可實(shí)現(xiàn)收縮與展開(kāi)的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
小程序雙頭slider選擇器的實(shí)現(xiàn)示例
這篇文章主要介紹了小程序雙頭slider選擇器的實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
webpack開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境的深入理解
這篇文章主要介紹了webpack開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境的深入理解,詳細(xì)的介紹了什么是開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境并配置,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2018-11-11
基于layui實(shí)現(xiàn)高級(jí)搜索(篩選)功能
這篇文章主要為大家詳細(xì)介紹了基于layui實(shí)現(xiàn)高級(jí)搜索、篩選功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07

