DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript聲明變量時為什麼要加var關鍵字
JavaScript聲明變量時為什麼要加var關鍵字
編輯:關於JavaScript     

在JavaScript中,var用來聲明變量,但是這個語法並不嚴格要求,很多時修改,我們可以直接使用一個變量而不用var聲明它。

復制代碼 代碼如下:
var x = "XX";
y ="xxx";

諸如此類。這有一個問題,比如說在代碼中的某一行,我想使用的一個已聲明的變量x,結果由於打字或者拼寫錯誤,這個變量被寫成y了,結果相當於“隱式”聲明了一個變量y,在實際編程過程中,這種錯誤有時比較難以發現。
當你在當前上下文內進行這種“隱式”聲明時,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 .

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved