js this指向

环境对象 this :谁"调用·我，我就指向谁，this和声明位置无关，和调用位置有关。

普通函数;函数名()   this指向window，如setTimeout,匿名函数等。

对象方法:对象名.方法名(） this指向对象，this的指向与所在方法的调用位置有关，而与方法的声明位置无关（箭头函数特殊）。

构造函数;new函数名()  this指向new创建实例对象

小技巧：没点没new是window，有new是实例，有点是点左边的对象。

箭头函数的this跟谁调用它，并没有关系，只看在哪里定义。箭头函数this的指向不会发生改变，也就是说在创建箭头函数时就已经确定了它的this的指向了 ，它的指向永远指向箭头函数外层的 this。

箭头函数的特性决定了它的 this值并不是在运行时绑定，而是继承自外层最近的普通函数的 this值，或者如果没有普通函数包裹，就继承自全局对象（在浏览器中通常是 window）。

比如在普通函数里面使用箭头函数：普通函数里面定义了一个箭头函数，箭头函数的this就指向了外层函数的this，但是在普通函数中，this是需要运行时才会绑定到对应的对象，也就是运行的时候谁调用就指向谁。

//1.
function fn1() {
        console.log(this);

        let fn2 = () => {
          console.log(this);
        };
        fn2(); //this->window
      }
fn1(); //this->window
//因为fn1函数中this的指向是window，所以fn2箭头函数this指向fn1函数也就是间接指向window

//2.
let obj = {
        name: "Jack",
        func1: () => {
          console.log(this);
        },
      };
obj.func1(); // window

//3.
  let obj = {
        name: "Jack",
        func1: function () {
          console.log(this);
        },
      };

obj.func1(); // obj

//4.
     var name = "window";
      var obj1 = {
        name: "1",
        fn4: function () {
          return () => console.log(this.name);
        },
      };

      obj1.fn4()(); //1    箭头函数不存在this，找到父作用域fn4,fn4对象调用，指向obj1

//5.
 var name = "window";
      var obj1 = {
        name: "1",
        fn4: () => console.log(this),
      };
      var obj2 = {
        name: "2",
      };

      obj1.fn4(); //window 

//6.
 var name = "window";
      var obj1 = {
        name: "1",
        fn1: function () {
          console.log(this.name);
        },
        fn2: () => console.log(this.name),
        fn3: function () {
          return function () {
            console.log(this.name);
          };
        },
        fn4: function () {
          () => console.log(this.name);
        },
      };
      var obj2 = {
        name: "2",
      };
      obj1.fn1(); //1
      obj1.fn1.call(obj2); //2

      obj1.fn2(); //window    在父作用域（window）找this
      obj1.fn2.call(obj2); //window   箭头函数的调用规则不适用

      obj1.fn3()(); //window      自调用指向window
      obj1.fn3().call(obj2); //2      子调用，call生效
      obj1.fn3.call(obj2)(); //window     父作用域的this指向obj2,子函数仍是自调用

      obj1.fn4()(); //1    箭头函数不存在this，找到父作用域fn4,fn4对象调用，指向obj1
      obj1.fn4().call(obj2); //1      箭头函数不适用于call，仍然指向obj1
      obj1.fn4.call(obj2)(); //2      fn4先绑定到obj2，因此指向obj2`