apply() 和 call() 詳解示例

1、apply()方法，示例：

// 定義一個name1 類
function fun1(name1,name2){
    this.name1 = name1; 
    this.name2 = name2；
};
// 定義一個name2 類
function fun2(name1,name2,name3){
    fun1.apply(this, arguments);
    this.name3 = name3;
};

var obj = new fun2('張三','李四','王五');
console.log(obj);  // fun2 {name1: "張三", name2: "李四", name3: "王五"}  
// name2類裏沒有給name1和name2屬性賦值,爲何又存在這兩個屬性的值呢？這個就是apply的神奇之處.  
// 通俗一點講就是:用name2去執行name1這個類裏面的內容,在name1這個類裏面存在this.name1等之類的語句,這樣就將屬性建立到了obj 對象裏面。
複製代碼

2、apply() / call() 實現兩個數組合並，示例：

一樣push方法沒有提供push一個數組,可是它提供了push(param1,param,…paramN)因此一樣也能夠經過apply來裝換一下這個數組,即:

// apply() 方法：
var arr1 = [1, 2, 3, 4, 5];
var arr2 = ['a','b','c','d','e'];
Array.prototype.push.apply(arr1,arr2);
console.log(arr1);  // [1, 2, 3, 4, 5, 'a','b','c','d','e']
console.log(arr2);  // ['a','b','c','d','e']
// 上面例子能夠理解爲，arr1調用了push方法，參數是經過apply講數組轉換爲參數列表的集合。

// call() 方法：
var arr3 = [1,2];
var arr4 = ['a','b','c'];
Array.prototype.push.call(arr4,arr3[0],arr3[1]);
console.log(arr3);  // [1, 2]
console.log(arr4);  // ["a", "b", "c", 1, 2]

// 若是按照上面apply()的方法：
var arr3 = [1,2];
var arr4 = ['a','b','c'];
Array.prototype.push.call(arr4,arr3);
console.log(arr3);  // [1, 2]
console.log(arr4);  // ["a", "b", "c", [1, 2]]
複製代碼

3、apply() / call() 獲得數組中最大 / 最小一項，示例：

apply() 適合一個數組的集合，而call() 適合數組的單個元素

// apply()方法，獲取數組最大一項：
var arr1 = [100, 200, 300, 500];
var max = Math.max.apply(null, arr1);
console.log(max);  // 500

// apply()方法，獲取數組最小一項：
var arr2 = [100, 200, 300, 500];
var min = Math.min.apply(null, arr2);
console.log(min);  // 100

// call()方法，獲取數組最大一項：
var arr3 = [100, 200, 300, 500];
var max = Math.max.call(null, arr3[0],arr3[1],arr3[2],arr3[3]);
console.log(max);  // 500

// call()方法，獲取數組最小一項：
var arr4 = [100, 200, 300, 500];
var min = Math.min.call(null, arr4[0],arr4[1]);
console.log(min);  // 100
複製代碼