項目中經常使用createDelegate()方法來創建代理函數,從而改變當前函數中this的作用域.看下了源碼,發現是通過js中的apply()方法來實現,想想也只能通過apply()或者call()方法來實現,因為js中只有這2個方法提供了改變當前函數內部this作用域的功能.此外,Ext中很多地方用到了call()和apply()方法,要想看懂源碼,則必須先搞清這2個方法的用法.
createDelegate方法聲明為:
1
createDelegate : function(obj, args, appendArgs)
{
2
var method = this;
3
return function() {
4 var callArgs = args || arguments;
5 if(appendArgs === true){
6 callArgs = Array.prototype.slice.call(arguments, 0);
7 callArgs = callArgs.concat(args);
8 }else if(typeof appendArgs == "number"){
9 callArgs = Array.prototype.slice.call(arguments, 0); // copy arguments first
10 var applyArgs = [appendArgs, 0].concat(args); // create method call params
11 Array.prototype.splice.apply(callArgs, applyArgs); // splice them in
12
}
13 return method.apply(obj || window, callArgs);
14 };
15
},
其中obj表示函數內部this作用域的范圍,args是數組,appendArgs是"Boolean或Number",如果appendArgs是Boolean型的且值為true,那么args參數將跟在調用代理方法時傳入的參數后面組成數組一起傳入當前方法,否則只傳入args,如果appendArgs為Number型,那么args將插入到appendArgs指定的位置.
注意點:
1.函數內部的arguments關鍵字是函數執行時動態創建的,用來存儲調用函數時所傳入參數.這里第4行的arguments 并不指調用createDelegate方法所傳入的參數(obj,args,appendArgs),而是指調用return function()時所傳入的參數,即調用代理函數時所傳入的參數.而args和appendArgs就是調用createDelegate方法時所傳入的參數.總的來說,函數是在定義它的作用域中執行,而不是在調用它的作用域中執行.但也有特殊,比如這里的arguments.
2.call和apply的區別.
二者的第一個參數都是函數內部this的作用域,call的參數只能作為一串參數傳入,而apply可以傳入數組或arguments對象.如
fun.call(window,args0,args1,.....);
fun.apply(window,[1,2,3]);
但要注意的是apply方法傳遞到函數內部的參數實際也是作為一個個參數傳遞的.如果在fun內部測試arguments.length的話,則長度為3.同樣,我們可以采用arguments[0],arguments[1],arguments[2]來分別引用1,2,3三個參數,而不是用arguments[0][0],arguments[0][1],arguments[0][2]來引用3個參數.這樣才能解釋11行的代碼.
posted on 2008-04-30 17:11
zhangchao 閱讀(2672)
評論(0) 編輯 收藏 所屬分類:
Ext