apply、call
在javascript中,apply、call都是為了改變某個函數的運行上下文而存在的,換句話說,也就是為了改變函數體內this的指向。
首先看一個例子
function fruits() {}
fruits.prototype = {
color: "red",
say: function() {
console.log("My color is " + this.color);
}
}
var apple = new fruits;
apple.say(); //My color is red
假如我們又有一個對象banana:{ color:"yellow"},我們不想對他重新定義say()方法,這時我們就可以引用apply或者call。
banana={
color:"yellow"
}
apple.say.call(banana); //My color is yellow
apple.say.apply(banana); //My color is yellow
由以上代碼可以看出,原本不具有say方法的banana由于使用了apply、call方法后,改變了this的指向。
apply、call的區別
從作用上看,兩者作用完全一樣,都是為了改變函數體內this的指向,唯一的區別就是兩者傳遞的參數不同,下面是一個函數的定義,
var func = function(arg1,arg2){
}
你可以通過如下的方法來調用
func.call(this,arg1,arg2);
func.apply(this,[arg1,arg2]);
其中,this指的是你要指定的上下文,call和apply的區別就是call是把參數按順序傳進去,apply則傳入的是一個參數數組,有時候也可以直接傳入arguments對象。
接下來介紹一下call和apply的用法示例,以便更近一步的了解
- 數組的追加
var array1 = [12 , "foo" , {name:"Joe"} , -2458];
var array2 = ["Doe" , 555 , 100];
Array.prototype.push.apply(array1, array2); //輸出array1的值為[12,"foo",{name:"Joe"},-2458,"Doe",555,100]
- 獲取數組中的最大值或最小值
var array = [-1245,96,788,35];
Math.max.apply(Math,array); //結果為788
本來number沒有求解最大值最小值的方法,但Math有,通過apply將Math.max()方法應用到數組上,大大為我們提供了方便。