首先来看三个方法的基本语法:
1.call方法
作用: 是调用函数,专门用于修改方法内部的 this 指向,指定this可以代表谁
例如 fn.call(obj)意思就是 调用函数fn,并且this指向obj对象
call的使用语法:
函数名字.call(对象,参数1,参数2,...);
实例:
function test(a,b){
console.log(this);
console.log(a + b);
}
test(1,2); // window 3
var obj = {name:'zjy'};
window.test.call(obj,3,5); // {name:'zjy'} 8
解析:没有使用 call 方法时,test方法的this指向全局对象window,而当使用了call方法后,将test的this指向从window变成了obj对象,而后面的参数则是对应方法的形参顺序
2. apply方法
作用: 和call方法一样也是修改方法内部的 this指向的,它们的区别在于apply的第二个参数必须为一个数组(部署了Iterator接口的类数组对象也可以)
// ?apply的使用语法
// 函数名字.apply(对象,[参数1,参数2,...]);
实例:
function test(a,b){
console.log(this);
console.log(a + b);
}
test(1,2); // window 3
var obj = {name:'zjy'};
window.test.apply(obj,[3,5]); // {name:'zjy'} 8
解析:没有使用 apply 方法时,test方法的this指向全局对象window,而当使用了apply方法后,将test的this指向从window变成了obj对象,而后面的数组参数则是将数组中元素依次对应到test方法形参的位置
3. bind方法
作用:改变this的指向问题, 是绑定函数的this,同时返回绑定后的新函数
例如
var fb = fn.bind(obj);
window.fb();无论谁调用fb函数, 函数的this都会指向obj
// ?bind的使用语法
// 函数名字.bind(对象,参数1,参数2,...);
实例:
var obj = {key:"value"}
var foo = function(){
console.log(this)
}
foo.bind(obj)() // obj
解析: 解析:在没有使用bind方法时,foo()中的this指向的是全局对象window,而使用了bind方法之后则指向的是obj对象
作用:前两个都是为了改变this指向,bind是改变this指向并且复制这个方法返回
总结
apply,call,bind三者的区别 :
1. 三者都可以改变函数的this对象指向。
2. 三者第一个参数都是this要指向的对象,如果如果没有这个参数或参数为undefined或null,则默认指向全局window。
3. 三者都可以传参,但是apply是数组,而call是参数列表,且apply和call是一次性传入参数,而bind可以分为多次传入。
4. bind 是返回绑定this之后的函数,便于稍后调用;apply 、call 则是立即执行 。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。