Javascript var變量隱式聲明方法
諸如此類。這有一個問題,比如說在代碼中的某一行,我想使用的一個已聲明的變量x,結(jié)果由于打字或者拼寫錯誤,這個變量被寫成y了,結(jié)果相當于“隱式”聲明了一個變量y,在實際編程過程中,這種錯誤有時比較難以發(fā)現(xiàn)。
除此之外,今天通過同事介紹,了解到這種“隱式聲明”中的別外一個問題。
當你在當前上下文內(nèi)進行這種“隱式”聲明時,JavaScript引擎會先在當前上下文中尋找是否之前有聲明此變量,如果沒有,再到上一級的上下文中去尋找,如果一直未找到,會最后在window上聲明這個變量!
比如:
window. y = "hello";
function func(){
y = "OH, NO!!!";
}
func();
alert(window.y); //#=> display "OH, NO!!!"
當上下文中的任意一層有這種“隱式”定義的變量時,那么該層的該變量會被修改,而不會在window上生成一個新的變量。(這種bug也挺討厭的,尤其是封裝的比較復雜的代碼)
比如:
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一直作層級嵌套。window->a->b->c
window和a中,都有定義變量x,b中未定義該變量,在c中‘隱式'聲明了一個x,該x最終修改了a變量的值。
牢記,在JavaScript中,聲明變量,一定前面要加var .
相關(guān)文章
在JavaScript中構(gòu)建ArrayList示例代碼
這篇文章主要介紹了在JavaScript中構(gòu)建ArrayList,很實用,需要的朋友可以參考下2014-09-09JS獲取DropDownList的value值與text值的示例代碼
本篇文章主要是對JS獲取DropDownList的value值與text值的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來聲明變量的關(guān)鍵字,分別是var、let和const,文章通過圍繞主題展開對三個關(guān)鍵詞的詳細介紹,需要的朋友可以參考一下2022-09-09微信小程序轉(zhuǎn)發(fā)事件實現(xiàn)解析
這篇文章主要介紹了微信小程序轉(zhuǎn)發(fā)事件實現(xiàn)解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10