var與Javascript變量隱式聲明
更新時間：2009年09月17日 23:13:34 作者：
在JavaScript中，var用來聲明變量，但是這個語法并不嚴(yán)格要求，很多時修改，我們可以直接使用一個變量而不用var聲明它。
var x = "XX";
y ="xxx";
諸如此類。這有一個問題，比如說在代碼中的某一行，我想使用的一個已聲明的變量x，結(jié)果由于打字或者拼寫錯誤，這個變量被寫成y了，結(jié)果相當(dāng)于“隱式”聲明了一個變量y，在實際編程過程中，這種錯誤有時比較難以發(fā)現(xiàn)。
除此之外，今天通過同事介紹，了解到這種“隱式聲明”中的別外一個問題。
當(dāng)你在當(dāng)前上下文內(nèi)進(jìn)行這種“隱式”聲明時，JavaScript引擎會先在當(dāng)前上下文中尋找是否之前有聲明此變量，如果沒有，再到上一級的上下文中去尋找，如果一直未找到，會最后在window上聲明這個變量！
比如:
window. y = "hello";
function func(){
y = "OH, NO!!!";
}
func();
alert(window.y); //#=> display "OH, NO!!!"
當(dāng)上下文中的任意一層有這種“隱式”定義的變量時，那么該層的該變量會被修改，而不會在window上生成一個新的變量。（這種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一直作層級嵌套。window->a->b->c
window和a中，都有定義變量x，b中未定義該變量，在c中‘隱式'聲明了一個x，該x最終修改了a變量的值。
牢記，在JavaScript中，聲明變量，一定前面要加var .
y ="xxx";
諸如此類。這有一個問題，比如說在代碼中的某一行，我想使用的一個已聲明的變量x，結(jié)果由于打字或者拼寫錯誤，這個變量被寫成y了，結(jié)果相當(dāng)于“隱式”聲明了一個變量y，在實際編程過程中，這種錯誤有時比較難以發(fā)現(xiàn)。
除此之外，今天通過同事介紹，了解到這種“隱式聲明”中的別外一個問題。
當(dāng)你在當(dāng)前上下文內(nèi)進(jìn)行這種“隱式”聲明時，JavaScript引擎會先在當(dāng)前上下文中尋找是否之前有聲明此變量，如果沒有，再到上一級的上下文中去尋找，如果一直未找到，會最后在window上聲明這個變量！
比如:
復(fù)制代碼 代碼如下:
window. y = "hello";
function func(){
y = "OH, NO!!!";
}
func();
alert(window.y); //#=> display "OH, NO!!!"
當(dāng)上下文中的任意一層有這種“隱式”定義的變量時，那么該層的該變量會被修改，而不會在window上生成一個新的變量。（這種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一直作層級嵌套。window->a->b->c
window和a中，都有定義變量x，b中未定義該變量，在c中‘隱式'聲明了一個x，該x最終修改了a變量的值。
牢記，在JavaScript中，聲明變量，一定前面要加var .
您可能感興趣的文章:
- JScript中的''var''定義變量的作用域
- Javascript中的var_dump函數(shù)實現(xiàn)代碼
- Javascript var變量隱式聲明方法
- js for循環(huán)，為什么一定要加var定義i變量
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- 解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
- 在Javascript中 聲明時用"var"與不用"var"的區(qū)別
- JavaScript var聲明變量背后的原理示例解析
- javascript定義變量時有var和沒有var的區(qū)別探討
- JavaScript中var關(guān)鍵字的使用詳解
- javascript中加var和不加var的區(qū)別 你真的懂嗎
相關(guān)文章
JAVA Web實時消息后臺服務(wù)器推送技術(shù)---GoEasy
本篇文章主要介紹了PHP實現(xiàn)Web實時消息后臺服務(wù)器推送技術(shù)，這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。2016-11-11
本文通過一段簡單的實例代碼給大家介紹js實現(xiàn)打印彩色菱形的方法，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-08-08
canvas實現(xiàn)手機(jī)端用來上傳用戶頭像的代碼
這篇文章主要介紹了canvas實現(xiàn)手機(jī)端用來上傳用戶頭像的代碼代碼簡單易懂非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-10-10
代碼塊高亮可復(fù)制顯示js插件highlight.js+clipboard.js整合
最近有個需求是將jsp頁面上的某一段代碼塊格式化成類似CSDN的代碼塊的樣式，而且很多平臺都使用了這樣的功能，下面就為大家簡單分享一下2021-02-02
遇到網(wǎng)頁上有精美圖片或者精彩文字想保存時，通常大家都是選中目標(biāo)后按鼠標(biāo)右鍵，在彈出菜單中選擇“圖片另存為”或“復(fù)制”來達(dá)到我們的目的。但是，目前有許多網(wǎng)頁都屏蔽了鼠標(biāo)右鍵，那么用js如何實現(xiàn)禁止鼠標(biāo)右鍵的功能呢？下面小編給大家介紹下2016-10-10
這篇文章主要介紹了使用javascript實現(xiàn)類似超鏈接的效果的特效，通過示例熟悉javascript事件，這里推薦給大家。2014-12-12
JavaScript中apply方法的應(yīng)用技巧小結(jié)
這篇文章給大家總結(jié)了在js中apply方法的一些應(yīng)用技巧，通過這些技巧對大家日常的使用相信會有幫助，有需要的朋友們下面來一起看看吧。2016-09-09
獲取radio選中值的方法有很多，在本文為大家介紹的是使用for循環(huán)來實現(xiàn)，具體的實現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
JavaScript實現(xiàn)圖片自動加載的瀑布流效果
這篇文章主要介紹了JavaScript實現(xiàn)圖片自動加載的瀑布流效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
getAttribute()方法是一個函數(shù)。它只有一個參數(shù)——你打算查詢的屬性的名字,下面為大家介紹下其具體的使用2014-08-08