call、apply与bind的异同

最新推荐文章于 2022-04-24 21:09:38 发布

原创最新推荐文章于 2022-04-24 21:09:38 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #call #apply #bind

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了JavaScript中call、apply与bind方法的使用，分析了它们在改变函数内部this指向时的相同点与不同点，包括参数传递方式及执行方式的区别。

相同点：

1、这三个方法都是用来改变函数内this的指向。

2、都可以接收参数。

3、第一参数都是this要指向的对象。

不同点：

    function Parent(name, arr){
        this.name = name;
        this.arr = arr;
    }

    function Child(name, arr){
        // call:
        Parent.call( this, name, arr );

        // apply:
        Parent.apply(this, [name, arr]);

        // bind:
        Parent.bind(this, name, arr)();

    }

    var c1 = new Child( 'zhangsan', [1,2,3] );
    var c2 = new Child( 'lisi', [4,5,6] );

    console.log( c1.name, c1.arr ); // zhangsan [1,2,3]
    console.log( c2.name, c2.arr ); // lisi [4,5,6]

1、传参的方式不同

apply传递的是一个数组；而call和bind都是以正常的方式是传参

2、执行方式不同

call方法和apply方法都是调用就直接执行；而bind方法执行后返回的是一个函数，需要之后再执行一次该函数。