js中call,apply,bind的区别。

在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。

相同之处:

1、都是用来改变函数的this对象的指向的。
2、第一个参数都是this要指向的对象。
3、都可以利用后续参数传参。

 var wx = {
     name : "老王",
     gender : "男",
     age : 24,
     say : function() {
          console.log(this.name + " , " + this.gender + " ,今年" + this.age);                                
     }
 }
 var qq = {
     name : "小红",
     gender : "女",
     age : 18
 }
 wx.say(); // 老王 , 男 ,今年24

那么如何用wx的say方法来显示qq的数据呢。
1、call
   wx.say.call(qq); // 小红 , 女 ,今年18

2、apply
  wx.say.apply(qq); // 小红 , 女 ,今年18

3、bind(注意使用bind的时候需要再调用一下方法)
   wx.say.bind(qq)(); // 小红 , 女 ,今年18

注意区别来了

var wx = {
     name : "老王",
     gender : "男",
     age : 24,
     say : function(school, grade) {
          console.log(this.name + " , " + this.gender + " ,今年" + this.age + "在" + school + "上" +grade);                                
     }
 }
 var qq = {
     name : "小红",
     gender : "女",
     age : 18
 }

1、call
   wx.say.call(qq,"师大附中","三年级"); // 小红 , 女 ,今年18在师大附中上三年级
2、apply
   wx.say.apply(qq,["北大附中","三年级"]); // 小红 , 女 ,今年18在北大附中上三年级
3、bind
   wx.say.bind(qq,"清华附中","三年级")(); // 小红 , 女 ,今年18在清华附中上三年级
或 wx.say.bind(qq)("清华附中","三年级");

所以他们的区别是call可以有多个参数,apply只能有两个参数,第二个参数可以使用数组,bind每次使用是都要调用一次,不然将返回一个函数。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值