JavaScript聲明變量時為什么要加var關(guān)鍵字
在JavaScript中,var用來聲明變量,但是這個語法并不嚴格要求,很多時修改,我們可以直接使用一個變量而不用var聲明它。
var x = "XX";
y ="xxx";
諸如此類。這有一個問題,比如說在代碼中的某一行,我想使用的一個已聲明的變量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 .
- var與Javascript變量隱式聲明
- Javascript var變量隱式聲明方法
- javascript循環(huán)變量注冊dom事件 之強大的閉包
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- 基于JavaScript 聲明全局變量的三種方式詳解
- 一個JavaScript變量聲明的知識點
- 深入理解javascript變量聲明
- JavaScript變量聲明詳解
- javascript定義變量時加var與不加var的區(qū)別
- javascript定義變量時帶var與不帶var的區(qū)別分析
- JavaScript判斷變量是否為空的自定義函數(shù)分享
- javascript中局部變量和全局變量的區(qū)別詳解
- JavaScript 變量、作用域及內(nèi)存
- javascript判斷變量是否有值的方法
- JavaScript聲明變量名的語法規(guī)則
- 淺析四種常見的Javascript聲明循環(huán)變量的書寫方式
相關(guān)文章
javascript循環(huán)鏈表之約瑟夫環(huán)的實現(xiàn)方法
這是一道比較經(jīng)典的循環(huán)鏈表問題,在華為上機筆試中也出現(xiàn)過。 約瑟夫環(huán)是一個數(shù)學的應(yīng)用問題,下面這篇文章主要就給大家介紹了javascript循環(huán)鏈表之約瑟夫環(huán)的實現(xiàn)方法,需要的朋友可以參考借鑒,下面來一起看看吧。2017-01-01bootstrapValidator 重新啟用提交按鈕的方法
bootstrapValidator 使用中,由于字段檢查等原因,致使提交按鈕失效。如何重新啟用提交按鈕呢?下面小編給大家介紹下bootstrapValidator 重新啟用提交按鈕的方法,需要的朋友可以參考下2017-02-02微信小程序van-field中的left-icon屬性自定義實現(xiàn)過程
在小程序中,我們是用 Vant 組件庫時,常常會用到 van-field 輸入框控件,今天我將跟大家分享的是 van-field 輸入框控件中的 left-icon 屬性的自定義怎么實現(xiàn),感興趣的朋友一起看看吧2023-08-08被jQuery折騰得半死,揭秘為何jQuery為何在IE/Firefox下均無法使用
某學員前日實施一個Web項目實施發(fā)生了悲劇,找到我求解決,把我也折騰個半死。2010-01-01