call、apply、bind区别

call,apply,bind都是为了改变函数体内this的指向,但三者都有所不同。

  1. call,apply,bind的第一个参数都是this要指向的对象,
  2. bind是返回对应函数,便于稍后调用,call与apply是立即调用
var obj={
    name:'xiaoxu',
    say:function (){
        console.log(this.name);
    }
}
var temp={
	name:'andy'
}
obj.say(); //xiaoxu
obj.say.call(temp); //andy
obj.say.apply(temp); //andy
obj.say.bind(temp)(); //andy
  1. call传递参数是按顺序传入,apply是把参数放入数组中
    call(this指向的对象,参数1,参数2,参数3…);
    apply(this指向的对象,[参数1,参数2,参数3…]);

例题分析:
在这里插入图片描述

foo();//false,全局作用域下,this指向window,明显this!=bar
foo.apply(bar);//true,将this指向bar,
const b=foo.bind({});//foo将this指向一个空对象{}
b();//bar也是空对象,可是与this的空对象不是同一个引用
b.apply(bar);//false

为什么最后一个会是false呢?明明将this绑定成了bar,应该返回true才对啊。
这里需要了解一下bind的原理:

Function.prototype.bind=function (obj){
	var that=this;
	return function(){
		that.apply(obj,arguments);
	}
}

bind是返回一个函数,函数中使用apply,将this绑定为bind中传入的参数,这里返回的函数中,已经固定将this绑定为obj了,后面再次进行this绑定都会失效!
所以:
b=foo.bind({});我们先对foo进行了bind操作,再进行b.apply(bar);这是没有用的,this还是指向了{},所以返回值是false

我想说的话

学习进步离不开网友的支持,希望大家以后多多支持,能够指出文中不足与疑惑的点,我会为大家一一解答。有兴趣的小伙伴可以加入QQ群:852590787
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42420703/article/details/82790994