1. 程式人生 > >call、apply與bind的異同

call、apply與bind的異同

相同點:

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方法執行後返回的是一個函式,需要之後再執行一次該函式。