js中 apply,call,bind方法的区别和使用

用法:

B.apply(A,arguments[]);

B.call(A,arg1,arg2);

B.bind(A,arg1,arg2);

联系:

它们在功能上是没有区别的,都是通过改变this的指向(第一个参数都是this的指向对象),让一个对象(A)调用另一对象(B)的方法。

通过这一特性,可以让一个函数成为任意对象的方法进行调用。

区别:

主要是在于方法的实现形式和参数传递上的不同。

(1)call() 和 apply() 会立即执行并输出函数执行结果,而 bind() 不会立即执行,它返回一个函数,只有执行返回函数时才会执行并输出结果。

注意:如果call和apply的第一个参数写的是null,那么this指向的是window对象

(2)call() 和bind()期望所有参数都单独传递,参数之间用逗号分隔,而 apply() 的参数都必须放在一个数组里面传进去。

(3)bind方法可以让对应的函数想什么时候调就什么时候调用,并且可以将参数在执行的时候添加,这是它们的区别,可以根据自己的实际情况来选择使用。

var a = {

    user:"bahg",

    fn:function(a,b,c){

        console.log(this.user); //bahg

        console.log(a,b,c); //10 1 2

    }

}

var b = a.fn;

// b.bind(a); 不会输出任何结果

// var c = b.bind(a);

// console.log(c); 输出 function() { [native code] }

// var c = b.bind(a,10,1,2); 

// c();   // 输出结果

var c = b.bind(a,10); 

c(1,2); // 输出结果

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值