this指向问题（callapplyblind），自我理解的

Posted 2021-01-16 allisson

在创建函数的时候，函数自身有一些属性和方法

        

        其中有

            apply、call、bind方法，这些方法都是能够改变this指向的

            

            

            call:有无数的参数

                第一个参数：

                    能够改变this指向，基本上是写啥是啥(null,undefined，设置了还是window)

                

                从第二个参数以后，就是实参（有几个形参就对应几个实参）;

function fn(a,b,c,d){
        console.log(this);
        console.log(a+b+c+d);
    }

fn.call(document,1,2,3,4)；//改变this指向，有无数个参数

 

                

                

            apply:只有2个参数

                第一个参数：

                    能够改变this指向，基本上是写啥是啥(null,undefined，设置了还是window)

                    

                第二个参数:(数组内放置的就是实参)

                    数组[]

function fn(a,b,c,d){
        console.log(this);
        console.log(a+b+c+d);
    }

  fn.apply(document,[1,2,3,4])；//改变this指向，第二个参数是数组

 

                    

            上面2个方法，都是使用之后自动执行函数。

                    

            bind，调用了bind方法不是直接执行函数，返回值就为新的函数（一般是改变this之后的函数）

            

                若干参数:

                    第一个参数：

                        能够改变this指向，基本上是写啥是啥(null,undefined，设置了还是window)，从第二个参数以后，就是实参（有几个形参就对应几个实参）

                        

function fn(a,b,c,d){
        console.log(this);
        console.log(a+b+c+d);
    }

let f = fn.bind(document)；

f(1,2,3,4);//改变了this指向，并且需要重新调用函数。