js中 call,apply,bind方法区别

区别:

  1. call,apply改变完this指向后会立即调用函数
  2. bind改变完this指向不会调用函数,要用新的方法来接收,通过调用新的方法来执行改造后的函数(最常用)
  3. apply传递的参数必须是数组

相同点:都可以改变this指向

 

下面用实列说明

 用call方法时 fn1函数指向为obj对象,且会自动执行改造后的函数 打印出结果为3

    var obj = {
        age: 18
    } ;  
   function fn1(a, b) {
        console.log(this);
        console.log(a + b);

    }
    fn1.call(obj, 1, 2);

用apply方法时,传递的参数必须是数组,改造完后,会立即执行函数,fn函数this指向为obj对象,打印结果是字符串48hello

    var obj = {
        age: 18
    }

    function fn(arr, arr1, arr2) {
        console.log(this); //改变了指向 指向为obj
        console.log(arr + arr1 + arr2); //48hello

    }
    fn.apply(obj, [23, 25, 'hello']);

 用bind()方法时,函数改造完后不会自动去调用,可以用一个函数来接收bind改造完产生的新函数来调用他

     var obj = {
        age: 18
    }
    function fn1(a, b) {
        console.log(this);
        console.log(a + b);

    }
    var f = fn1.bind(obj, 1, 2);
    f();

 所以call与bind方法区别就一个自动去调用函数,一个不会所以如果明白立即函数的就明白了 下面俩种写法时等价的

 fn1.bind(obj, 1, 2)();
 fn1.call(obj, 1, 2) //俩种写法等效

                            相关链接:立即执行函数是什么?

                            相关链接:call,apply,bind方法应用

                            

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

太想进步了

新人菜鸡一枚,相互学习进步啊

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值