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方法应用

                            

原创文章 24 获赞 13 访问量 1347

猜你喜欢

转载自blog.csdn.net/qq_44755188/article/details/105801111