現有某函數與對象如下:
復制代碼 代碼如下:
var doubling=function(x){
return x*2;
};
var obj={
val:100,
};
函數調用模式時,this被綁定到全局對象。這種情況在對象的屬性與方法被初始化時也能夠得到反應。現為ojb進行補充如下:
復制代碼 代碼如下:
var obj={val:100,
prop:function(){
var that=this;
document.write('name: '+that+'; type: '+typeof(that)+'<br/>');
return doublling(that.val);
}(),
get_prop:function(){
var that=this;
document.write('name: '+that+'; type: '+typeof(that)+'<br/>');
return doublling(that.val);
},
};
prop使用一個被執行的匿名函數,期望取得所在對象的val值被函數調用模式的doubling()運算的結果;而get_prop為方法調用模式。
腳本加載的時候,obj的屬性prop初始化時,語句"name: [object Window]; type: object"輸出,使用obj.get_prop()時,語句"name: [object Object]; type: object"輸出。前者表明函數體的"this"為全局變量window,後者如所期待的為obj本身。
可以檢查屬性prop和方法get_prop()的返回值,前者對window對象進行乘法運算,返回NaN,後者等於200。
在obj字面量表達式之外,期望設置new_prop屬性和new_get_prop()方法,結果將與前文一致,方法調用模式才會獲得this對本身的綁定。