call、apply、bind区别？bind之后还能修改this指向吗？

女爷i 2021-09-08 07:30 436阅读 0赞

**这三个都是改变函数执行时的上下文，也就是改变函数运行时的this指向。**

**call,apply,bind都是用来改变this指向**

let name = "yr",
           obj = {
            name: 'lyl'
           };
    
        function fn(a,b) {
            console.log(this.name);
            console.log(a,b)
        };
    
        //函数调用
        fn() //yr undefined undefined
    
        //函数应用
        fn.call(obj,'1','2'); //lyl   12
        fn.apply(obj, [1,2]) //lyl   1 2

fn()调用等同于window.fn()，此时this指向window，this.name就是在全局下面定义的'yr'

call的作用是将fn调用时this指向第一个参数，例子中指向了obj，this.name就是'lyl'

**call方法中接受的是一个参数列表，第一个参数指向this，其余的参数在函数执行时都会作为函数形参传入函数。**

fn.call(this, arg1, arg2, ...);

**apply不同的地方是，除了第一个参数作为this指向外，其它参数都被包裹在一个数组中，在函数执行时同样会作为形参传入。**

fn.apply(this, [arg1, arg2, ...]);

**call和apply改变了函数的this上下文后便执行该函数,而bind则是返回改变了上下文后的一个函数**

**bind之后无法改变this的指向，当执行绑定函数时，this指向与形参在bind方法执行时已经确定了**