Javascript中call()方法和apply()方法的用法有哪些?(附程式碼)

JavaScript中apply()方法和call()方法是Function物件的方法，每個Function物件都會有一個apply()方法和一個call()方法，那麼，apply()方法和call()方法在JavaScript中的用法與作用是什麼？本文就來談談apply()方法和call()方法的用法。

apply()方法和call()方法的語法：

/*apply()方法*/
function.apply(thisObj[, argArray])
/*call()方法*/
function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);

作用：借用另一個物件的方法，而不用拷貝。 （可以用來取代另一個物件呼叫一個方法，將一個函數的物件上下文從初始的上下文改變為由thisObj指定的新物件）

apply()方法和call()方法的基本用法：

function add(a,b){
  return a+b;  
}
function sub(a,b){
  return a-b;  
}
var a1 = add.apply(sub,[4,2]);　　//sub调用add的方法
var a2 = sub.apply(add,[4,2]);
alert(a1);  //6     
alert(a2);  //2

/*call的用法*/
var a1 = add.call(sub,4,2);

apply()方法和call()方法實作繼承：

function Animal(name){
  this.name = name;
  this.showName = function(){
        alert(this.name);    
    }    
}

function Cat(name){
  Animal.apply(this,[name]);    
}

var cat = new Cat("咕咕");
cat.showName();

/*call的用法*/
Animal.call(this,name);

apply()方法和call()方法實作多重繼承：

    function Class10(){
      this.showSub = function(a,b){
            alert(a - b);
        }   
    }
    
    function Class11(){
      this.showAdd = function(a,b){
            alert(a + b);
        }  
    }
    
    function Class12(){
      Class10.apply(this);
      Class11.apply(this);   
      // Class10.call(this);
      //Class11.call(this);  
    }
    
    var c2 = new Class12();
    c2.showSub(3,1);    //2
    c2.showAdd(3,1);    //4

Call()方法的功能：將偽數組改成真數組

偽數組就是一個包含length屬性的json對象他不是真數組，其實都是在模擬一個集合（描述集合資料）

例如：

var json = {1:’苹果’，2:’香蕉’,3:’菠萝’,length:3}
Var arr = [‘苹果’,’香蕉’,’菠萝’]

他的特點：

#1、key都是1，2，3，4 ，5
2、他含有一個length屬性

#如何將偽數組轉為真數組

/*我们通过如下方式将其转换成数组*/
/*slice：截取数组，返回的还是数组，这里截取全部*/
var domNodes=Array.prototype.slice.call(divs);
/*这样domNodes就可以应用Array下所有方法*/

apply（）方法的用法技巧：

1、Math.max 可以實現得到陣列中最大的一項：

因為Math.max不支援Math.max ([param1,param2])也就是數組，但是它支援Math.max(param1,param2...)，所以可以根據apply的特徵來解決var max=Math.max.apply(null,array)，這樣就輕易的可以得到一個陣列中的最大項（apply會將一個陣列轉換為一個參數接一個參數的方式傳遞給方法）。

這塊在呼叫的時候第一個參數給了null，這是因為沒有物件去呼叫這個方法，我只需要用這個方法幫我運算，得到返回的結果就行，所以直接傳遞了一個null過去。

用這個方法也可以實作得到陣列中的最小項：Math.min.apply(null,array)

2、Array.prototype.push可以實作兩個數組的合併

同樣push方法沒有提供push一個數組，但是它提供了push(param1,param2...paramN)，同樣也可以用apply來轉換一下這個數組，即：

   var arr1=new Array("1","2","3");
    var arr2=new Array("4","5","6");
    Array.prototype.push.apply(arr1,arr2);    
    //得到合并后数组的长度，因为push就是返回一个数组的长度

也可以這樣理解，arr1呼叫了push方法，參數是透過apply將陣列轉換為參數清單的集合

通常在什麼情況下，可以使用apply類似Math. max等之類的特殊用法：一般在目標函數只需要n個參數列表，而不接收一個數組的形式，可以透過apply的方式巧妙地解決這個問題。

相關文章推薦：

JavaScript中的call方法和apply方法使用對比_基礎知識

javascript中call和apply方法淺談_javascript技巧

#

以上是Javascript中call()方法和apply()方法的用法有哪些?(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章！