js中call,apply,bind三者有什么区别?

1,共同点:

(1)可以改变函数体内this的指向。

2,区别:

(1)call,apply可以立即执;bind不会立即执行,因为bind返回的是一个函数,执行需要加括号()。

(2)参数不同,apply第二个参数是数组,call和bind有多个参数需要用逗号分开挨个写。

let callStr = "这是window的str";

let callObj = {callStr: "这是obj对象的str"};

function callFun(name, age) {
    this.name = name;
    this.age = age;
    console.log(this, this.callStr);
}

callFun.call(callObj);
callFun.apply(callObj);
callFun.bind(callObj)();
// 以上三条都输出: {callStr: "这是obj对象的str", name: undefined, age: undefined} "这是obj对象的str"


callFun.call(callObj, "张三", "23");
callFun.apply(callObj, ["张三", "23"]);
callFun.bind(callObj, "张三", "23")();
// 以上三条都输出 {callStr: "这是obj对象的str", name: "张三", age: 23} "这是obj对象的str"

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值