javascript 嵌套的函數（作用域鏈）
2024-05-06 14:11:07
供稿：網友
嵌套的函數（作用域鏈）
當你進行函數的嵌套時，要注意實際上作用域鏈是發生變化的，這點可能看起來不太直觀。你可把下面的代碼置入firebug監視值的變化。
代碼如下:
var testvar = 'window屬性';
var o1 = {testvar:'1', fun:function(){alert('o1: '+this.testvar+'<<');}};
var o2 = {testvar:'2', fun:function(){alert('o2: '+this.testvar);}};
o1.fun();'1'
o2.fun();'2'
o1.fun.call(o2);'2'
這是本文的首個例子。
代碼如下:
var testvar = 'window屬性';
var o3 = {
testvar:'3',
testvar2:'3**',
fun:function(){
alert('o3: '+this.testvar);//'obj3'
var inner = function(){
alert('o3-inner: '+this.testvar);//'window屬性'
alert('o3-inner: '+this.testvar2);//undefined（未定義）
};
inner();
}
};
o3.fun();
這里我們換了別的函數，這個函數與原先的函數幾乎相似但區別是內部函數的寫法。要注意的是內部函數運行時所在的作用域，和外部函數的作用域是不一樣的。Ext可讓你調用函數時指定函數的作用域，避免作用域的問題。
變量的聲明
初始化變量時一定要加上“var”關鍵字，沒有的話這就是一個全局變量。譬如，在下面的例子中，會有一個變量寫在函數內部，然而你打算僅僅是聲明局部的變量，但實際也可能出現覆蓋全局變量的值的情形。在FIREBUG "DOM"的標簽頁中，你可通過檢測“window”看到所有的全局變量。如果你發現有“k”或“x”變量那證明你把這個變量分配在一個不合適的作用域里面。見下例：
代碼如下:
var i = 4;
var j = 5;
var k = 7;
var fn = function(){
var i = 6;
k = 8;//注意前面沒有var 所以這句話的意思的把8賦予到變量k中去！
alert(i);//6
alert(j);//5
alert(k+'-1');//8-1
x = 1;//這句的作用有兩種情況，創建全部變量x或覆蓋（overwrite）全部變量x
};
fn();
alert(k+'-2');//8-2 (注意不是7-2)
與前面例子變化不大，另外注意的是函數內的k前面是沒有var關鍵字的，所以這里不是聲明局部變量，而是將某個值再次分配到k這個全局變量中。另外要注意的是，alert方法執行期間，參數i是當前能找到的局部變量，它的值是6，但參數j在當前作用域找不到，就沿著作用域鏈（scope chain）向上查找，一直找到全局變量的那個j為止。
在Ext中指定作用域
前面已提及，當調用函數時Ext能靈活處理作用域的問題。部分內容來自dj的帖子。
調用函數時，你可以把this想象為每個函數內的一個特殊（躲起來的）參數。無論什么時候，JavaScript都會把this放到function內部。它是基于一種非常簡單的思想：如果函數直接是某個對象的成員，那么this的值就是這個對象。如果函數不是某個對象的成員那么this的值便設為某種全局對象（常見有，瀏覽器中的window對象）。下面的內部函數可以清晰的看出這種思想。
