函数方法call()、apply()、bind()

一、显示函数绑定

在JavaScript中函数也是对象，对象则有方法，apply和calll就是函数对象的方法。这两个方法可以切换函数执行的上下文this绑定的对象。

var person1={
	fullName:function(){
		return this.firstName+" "+this.lastName;
	}
}
var person2={
	firstName="John",
	lastName="Doe",
}
//通过使用函数的call(),apply(),bind()方法来改变函数中this所指向的对象。
person1.fullName.call(person2);				
person1.fullName.apply(person2);
person1.fullName.bind(person2)();		//bind方法后面多了一个(),说明bind返回的是一个函数，必须要调用它才会被执行

二、call、bind、apply的区别

对比call、bind、apply的传参情况

var obj={
	myfun:function(fm,t){
		console.log(this.name+"年龄"+this.age,"来自"+fm+"去往"+t);
	}
}
var db={
	name:"德玛",
	age:99,
}
obj.myfun.call(db,"成都","上海");		//德玛  年龄  99  来自  成都去往上海
obj.myfun.apply(db,['成都','上海']);	
obj.myfun.bind(db,"成都","上海");
//会发现call,apply,bind这三个函数的第一个参数都是this的指向对象，第二个参数差别就不一样
//call的两个参数都是直接放进去的，参数之间用逗号隔开，
//apply的所有参数都必须放在一个数组里面传进去。
//bind除了返回是函数以外，其他的都跟call一样。

三、拓展

apply的其他用法

apply可以将一个数组默认的转换为一个参数列表,

1.Math.max可以实现得到一个数组中最大的一项,

因为Math.max参数里面不支持数组：Math.max([param1,param2]),但支持Math.max(param1,param2,param3);所以可以利用apply来解决。

let arr=[12,3,4,55,67];
let max=Math.max.apply(null,arr);
console.log(max);//结果为67

apply会将一个数组转换为一个参数接一个参数传递给方法，这里在调用apply时第一个参数给了null，这个是因为没有对象去调用这个方法，所以直接传递了一个null过去。

使用this就相当于用去全局对象去调用Math.max,所以是一样的。

2.Math.min和上面的使用方式一样

3.Array.prototype.push可以实现两个数组的合并

push方法没有提供push的参数为一个数组，它提供了push(param1,param2,param3)所以同样的可以通过apply来转换一下这个数组。

var arr1=[1,2,3];
var arr2=[4,5,6];
Array.prototype.push.apply(arr1,arr2);//是apply将数组转化为参数列表。
console.log(arr1);//结果是[1,2,3,4,5,6]

数组对象的写法：

[].push.apply(arr1,arr2);

总结，一个目标函数只接受多个参数列表，单数不接收一个数组形式，我们就可以通过apply的方式来解决。