作為一款面向?qū)ο笳Z言,js中很多的方法都是被封裝在構(gòu)造函數(shù)中的梢褐,這些封裝的方法只有特定的對象能夠訪問挑社。而有些時候,我們希望能通過“借用”某個構(gòu)造函數(shù)prototype中的方法顿痪,來實現(xiàn)某些取巧的功能镊辕。以下總結(jié)了一些call和apply的區(qū)別和使用方法。
一蚁袭、區(qū)別
call和apply都是用來借用類方法使用的征懈。而在使用時,區(qū)別就在于call和apply所需要的參數(shù)形勢不同揩悄。
this.method.apply(newThis,[arguments]);
this.method.call(newThis,argument1[,argument2[,augument3...]]);
在使用時卖哎,會用newThis替換this,作為方法的作用對象删性。apply方法的參數(shù)是以一個數(shù)組的形式傳入的亏娜,因此我們可以利用這一特征,對一些不支持?jǐn)?shù)組參數(shù)的方法進(jìn)行拓展(比如arr.push())蹬挺。
二维贺、使用范例
在構(gòu)造算法時,我們經(jīng)常會需要對傳入的參數(shù)進(jìn)行類型判斷巴帮,進(jìn)而達(dá)到保護(hù)函數(shù)的效果溯泣。而在判斷參數(shù)類型時虐秋,typeof可以正確的識別六大基礎(chǔ)數(shù)據(jù)類型(string,number,boolean,undefined,object null也是object;),在識別對象類型時垃沦,除了function的返回值是"function"以外客给,其他的對象類型都會返回"object"(這是因為其他的構(gòu)造函數(shù)都是繼承自Function原型)。為了正確識別所有的基礎(chǔ)數(shù)據(jù)類型和內(nèi)置對象類型肢簿,我們會使用Object.prototype.toString.call(obj)來判斷靶剑。(注意此方法不能判斷自定義對象類型。)
三池充、使用技巧
call和apply在一些不支持?jǐn)?shù)組類型參數(shù)的方法上有著特別的作用抬虽。比如:
var arr1 = [1,2,3];
var arr2 = [4,5,6];
Array.prototype.push.apply(arr1,arr2);//會返回arr1的新長度,即6纵菌,arr1此時變?yōu)閇1,2,3,4,5,6]
數(shù)組中push方法用來給數(shù)組1添加數(shù)據(jù)阐污。而參數(shù)不支持?jǐn)?shù)組。在使用apply方法時咱圆,會將參數(shù)arr2分解開來笛辟,化為一個一個的參數(shù)傳入,這樣就解決了難以連接兩個數(shù)組的尷尬序苏。注意合成arr2被添加在arr1的后面手幢,而返回值是新的arr1中數(shù)據(jù)的個數(shù)。
同樣忱详,在Math.max判斷一組參數(shù)中最大值的時候围来,也不支持?jǐn)?shù)組類型參數(shù)。這個時候我們可以使用Math.max.apply(Math,[12,45,23])來傳入一個數(shù)組匈睁。判斷最小值同理监透。
四、總結(jié)以及其他用途
call和apply不僅可以借用系統(tǒng)的默認(rèn)方法航唆,也可以借用自定義構(gòu)造函數(shù)中的方法甚至構(gòu)造函數(shù)本身(這樣的話將會調(diào)用構(gòu)造函數(shù)胀蛮,若傳入的參數(shù)是(this,arguments),那么調(diào)用的構(gòu)造函數(shù)中的對象也會被復(fù)制到this構(gòu)造函數(shù)中)糯钙。
function Name(name){
this.name = name;
this.introduce = function(){
alert(this.name);
};
}//名稱構(gòu)造函數(shù)粪狼,包括一個姓名,一個彈出姓名的方法任岸。
function People(name, age, classNo){
Name.apply(this,arguments);
this.age = age;
this.classNo = classNo;
}//創(chuàng)建一個人物構(gòu)造函數(shù)再榄,在創(chuàng)建時,調(diào)用Name構(gòu)造函數(shù)
var Alex = new People("Alex", 21, "six");//創(chuàng)建一個People實例享潜,而在實例被構(gòu)造時
//會先調(diào)用Name.apply(this,arguments)語句困鸥,這里的this為Alex實例。則米碰,構(gòu)造函數(shù)Name中的name對象窝革,introduce方法都會被創(chuàng)建在Alex實例中。
Alex.name;//"Alex"
Alex.introduce();//alert
Alex.age;//21
Alex.classNo;//"six"
在使用時應(yīng)當(dāng)注意使用的方式吕座,靈活應(yīng)用虐译。