JS 函数this

普通函数

函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。

参考：深入理解JS函数中this指针的指向

箭头函数

箭头函数的this是在定义函数时绑定的，不是在执行过程中绑定的。简单的说，函数在定义时，this就继承了定义函数的对象。

function User() {
 this.name = 'John';

 setTimeout(function greet() {
   console.log(`Hello, my name is ${this.name}`); // Hello, my name is 
   console.log(this); // window
 }, 1000);
}

const user = new User();

function User() {
  this.name = 'John';

  setTimeout(() => {
    'use strict'
    console.log(`Hello, my name is ${this.name}`); // Hello, my name is John
    console.log(this); // User {name: "John"}
  }, 1000);
}

const user = new User();

箭头函数没有this，箭头函数的this是继承父执行上下文里面的this
无法使用 new 实例化对象 因为普通构造函数通过 new 实例化对象时 this 指向实例对象，而箭头函数没有 this 值，同时 箭头函数也没有 prototype。

参考：ES6箭头函数里的this、js箭头函数的this指向

new

参考：js 函数中this的指向(部分)