JavaScript中apply()和call()的異同點

JavaScript中apply()和call()的異同點

每個函數都包含兩個非繼承而來的方法，apply()和call()。這兩個方法的用途都是在特定的範圍中調用函數，實際上等於設定函數體內this對象的值。

apply()方法接收兩個參數：一個是在其中啟動並執行範圍，另一個是參數數組。其中，第二個 參數可以是Array的執行個體，也可以是arguments對象。例如：

function sum(num1,num2){
return num1+num2;
}
function callSum1(num1,num2){
return sum.apply(this,arguments);//傳入arguments對象
}
function callSum2(num1,num2){
return sum.apply(this,[num1,num2]);//傳入數組
}
alert(callSum1(10,10));//20
alert(callSum2(10,10));//20

 

call()方法和apply()方法的作用相同，它們的區別僅在於接收參數的方式不同。對於call()方法而言，第一個參數是this值沒有變化，變化的是其餘參數都直接傳遞給函數。換句話說，在使用call()方法時，傳遞給函數的參數必須逐個列舉出來，例如：

function sum(num1,num2){
return num1+num2;
}
function callSum(num1,num2){
return sum.call(this,num1,num2);
}
alert(callSum(10,10));//20

 

在使用call()方法的情況下，callSum()必須明確的傳入每一個參數。結果與使用apply()並沒有什麼不同。至於是使用apply()還是call()，完全取決於你採用哪種給函數傳遞參數的方式更方便。