JavaScript call和apply的作用和妙用

Call

• 劫持另外一个对象的方法，继承另外一个对象的属性.

Function.call(obj,[param1[,param2[,…[,paramN]]]])
obj：这个对象将代替Function类里this对象
params：这个是一个参数列表

function animal(name,age){
    this.name = name;
    this.age = age;
}
function person(name,age){
    animal.call(this,name,age);
}
var me = new person("kaifa",18);
console.log(me); //person {name: "kaifa", age: 18}

Apply

• 劫持另外一个对象的方法，继承另外一个对象的属性.

Function.apply(obj,args)方法能接收两个参数
obj：这个对象将代替Function类里this对象
args：这个是数组，它将作为参数传给Function（args–>arguments）

function animal(name,age){
this.name = name;
    this.age = age;
}
function person(name,age){
    animal.apply(this,arguments);
}
var me = new person("kaifa",18);
console.log(me); //person {name: "kaifa", age: 18}

妙用

• 利用Math.max()和Math.min()求最值

Math.max 参数里面不支持Math.max([param1,param2]) 。
但是支持Math.max(param1,param2,param3…),所以可以根据刚才apply的那个特点来解决 。

var arr = new Array(1,3,4,6,1,3,5);
var max = Math.max.apply(null,arr);

---

• 利用Array.prototype.push.apply()实现数组的合并

push方法没有提供push一个数组,但是它提供了push(param1,param,…paramN)

var arr1 = new Array(1,2,3);
var arr2 = new Array(4,5,6);
Array.prototype.push.apply(arr1,arr2);