var與Javascript變量隱式聲明
更新時(shí)間:2009年09月17日 23:13:34 作者:
在JavaScript中,var用來(lái)聲明變量,但是這個(gè)語(yǔ)法并不嚴(yán)格要求,很多時(shí)修改,我們可以直接使用一個(gè)變量而不用var聲明它。
var x = "XX";
y ="xxx";
諸如此類。這有一個(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è)變量!
比如:
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 .
y ="xxx";
諸如此類。這有一個(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 .
您可能感興趣的文章:
- JScript中的''var''定義變量的作用域
- Javascript中的var_dump函數(shù)實(shí)現(xiàn)代碼
- Javascript var變量隱式聲明方法
- js for循環(huán),為什么一定要加var定義i變量
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- 解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
- 在Javascript中 聲明時(shí)用"var"與不用"var"的區(qū)別
- JavaScript var聲明變量背后的原理示例解析
- javascript定義變量時(shí)有var和沒(méi)有var的區(qū)別探討
- JavaScript中var關(guān)鍵字的使用詳解
- javascript中加var和不加var的區(qū)別 你真的懂嗎
相關(guān)文章
JavaScript求解最長(zhǎng)回文子串的方法分享
這篇文章主要為大家介紹了JavaScript求解最長(zhǎng)回文子串的幾種方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-08-08使用javascript:將其它類型值轉(zhuǎn)換成布爾類型值的解決方法詳解
本篇文章是對(duì)使用javascript:將其它類型值轉(zhuǎn)換成布爾類型值的解決方法進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05基于JavaScript實(shí)現(xiàn)輪盤抽獎(jiǎng)功能
對(duì)于有選擇困難癥的朋友來(lái)說(shuō),有個(gè)轉(zhuǎn)盤抽獎(jiǎng)功能再好不過(guò)了,今天通過(guò)本文給大家分享基于Js實(shí)現(xiàn)輪盤抽獎(jiǎng)功能,感興趣的朋友一起看看吧2023-01-01JS實(shí)現(xiàn)隨機(jī)生成10個(gè)手機(jī)號(hào)的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)生成10個(gè)手機(jī)號(hào)的方法,涉及javascript數(shù)值運(yùn)算與隨機(jī)數(shù)操作相關(guān)使用技巧,需要的朋友可以參考下2018-12-12js中將具有數(shù)字屬性名的對(duì)象轉(zhuǎn)換為數(shù)組
js中將具有數(shù)字屬性名的對(duì)象轉(zhuǎn)換為數(shù)組,雖然不太常用,但我們的確可以給對(duì)象添加以數(shù)字為屬性名的屬性2011-03-03Javascript中Microtask和Macrotask鮮為人知的知識(shí)點(diǎn)
這篇文章主要為大家介紹了Javascript中Microtask和Macrotask鮮為人知的知識(shí)點(diǎn)講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步早日升職加薪2022-04-04