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
复制代码