ES5中改变this指向的三种方法

ES5中提供了三种改变函数中this指针指向的方法,分别如下

1.call()

var obj = {username:"孙悟空"};
//没有任何修饰的调用函数，函数中的this指向全局对象,此处为window
function foo(para1,para2){
	console.log(this,para1,para2)
}
//利用call()改变foo函数中this的指向，让它指向obj
foo.call(obj,"传递的第一个参数","传递的第二个参数")

2.apply()

apply()的用法与call()相似，唯一的不同在于传参的形式

foo.apply(obj,["传递的第一个参数","传递的第二个参数"])

此时控制台也会打印出

3.bind()

call()和apply()都是立即执行函数,而bind()并不会立即执行，而是先返回改变this指向后的函数

var bar = foo.bind(obj);
bar("传入的第一个参数","传入的第二个参数");

运行结果如下：

可见this指向已经改变，并且bind()传参的形式与call()相同