Javascript var變量隱式聲明方法
更新時(shí)間：2009年10月19日 14:51:22 作者：
在JavaScript中，var用來(lái)聲明變量，但是這個(gè)語(yǔ)法并不嚴(yán)格要求，很多時(shí)修改，我們可以直接使用一個(gè)變量而不用var聲明它。
諸如此類。這有一個(gè)問(wèn)題，比如說(shuō)在代碼中的某一行，我想使用的一個(gè)已聲明的變量x，結(jié)果由于打字或者拼寫錯(cuò)誤，這個(gè)變量被寫成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è)變量！
比如:
復(fù)制代碼 代碼如下:
window. y = "hello";
function func(){
y = "OH, NO!!!";
}
func();
alert(window.y); //#=> display "OH, NO!!!"
當(dāng)上下文中的任意一層有這種“隱式”定義的變量時(shí)，那么該層的該變量會(huì)被修改，而不會(huì)在window上生成一個(gè)新的變量。（這種bug也挺討厭的，尤其是封裝的比較復(fù)雜的代碼）
比如：
復(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)文章
這篇文章主要給大家介紹了關(guān)于如何利用Proxy更優(yōu)雅地處理異常的相關(guān)資料,文中通過(guò)實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
柱狀圖主要用于表示離散數(shù)據(jù)的頻數(shù),也是一種基礎(chǔ)可視化圖,這篇文章主要給大家介紹了關(guān)于Echarts Bar橫向柱狀圖的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-08-08
老司機(jī)們，你知道JSON.stringify還有第二個(gè)和第三個(gè)可選參數(shù)嗎？它們是什么呢？是不是感到不可思議？下面這篇文章就來(lái)給大家介紹了一些你可能不知道的JSON.stringify的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。2017-08-08
淺析$.getJSON異步請(qǐng)求和同步請(qǐng)求
下面小編就為大家?guī)?lái)一篇淺析$.getJSON異步請(qǐng)求和同步請(qǐng)求。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
這篇文章主要介紹了JavaScript事件委托的用法,以實(shí)例形式分析了javascript事件委托的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了在頁(yè)面加載之后執(zhí)行JavaScript的詳細(xì)過(guò)程，本文通過(guò)實(shí)例代碼文字解說(shuō)給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06
在JavaScript中構(gòu)建ArrayList示例代碼
這篇文章主要介紹了在JavaScript中構(gòu)建ArrayList，很實(shí)用,需要的朋友可以參考下2014-09-09
JS獲取DropDownList的value值與text值的示例代碼
本篇文章主要是對(duì)JS獲取DropDownList的value值與text值的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來(lái)聲明變量的關(guān)鍵字，分別是var、let和const,文章通過(guò)圍繞主題展開對(duì)三個(gè)關(guān)鍵詞的詳細(xì)介紹，需要的朋友可以參考一下2022-09-09
微信小程序轉(zhuǎn)發(fā)事件實(shí)現(xiàn)解析
這篇文章主要介紹了微信小程序轉(zhuǎn)發(fā)事件實(shí)現(xiàn)解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10