call、apply以及bind

call、apply、bind这三个的用法都是用来改变函数的指向的。首先来谈一谈它们之间的区别。

call和apply都是临时借用一个函数，并替换this为指定对象，不同点在于它们穿参的方式不一样，call只能接受一系列的单独变量，而apply可以接受一个数组作为参数输入。bind则是基于现有函数，创建一个新函数，并永久绑定this为指定对象。

call和apply都是创建完成以后立即执行，而bind则是创建完成之后继续向下执行，想要执行还需调用。

1、call

call 方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认指向window。

举个栗子:

var obj = {
	name: 'my name is: join',
}
function Cia(name){
	console.log(this.name);
}
Cia.call(obj);

运行结果如下：

2、apply

apply接受两个参数，第一个参数是要绑定给this的值，第二个参数是一个参数数组。当第一个参数为null、undefined的时候，默认指向window。

举个栗子:

var obj = {
	arr:[1,5,3,8,6,4,1,2]
}
var cia = {
	arr:[54,65,321,54],
	num:function(){
		console.log(this.arr)
	}
}
cia.num.apply(obj)

打印输出如下：

 

3、bind

和call很相似，第一个参数是this的指向，从第二个参数开始是接收的参数列表。区别在于bind方法返回值是函数以及bind接收的参数列表的使用。

举个栗子:

var obj = {
	arr:[1,5,3,8,6,4,1,2]
}
var cia = {
	arr:[54,65,321,54],
	num:function(){
		console.log(this.arr)
	}
}
cia.num.bind(obj)()

因为bind返回的是一个函数，所以不会立即执行，还需要调用

控制台打印结果如下：