function foo() {
console.log(this);
}

foo(); // window / global
obj.foo = foo;
obj.foo(); // obj
new foo(); // 新对象

2️⃣ 箭头函数：this 在定义时就定死了

const foo = () => {
console.log(this);
};

foo(); // 外层 this
obj.foo = foo;
obj.foo(); // 仍然是外层 this

const obj = {
  name: 'obj',
  f1() {
    setTimeout(function () {
      console.log(this.name); // undefined
    }, 100);
  },
  f2() {
    setTimeout(() => {
      console.log(this.name); // obj
    }, 100);
  }
};

function→ this 变成 window

=>→ this 继承 f2

 用 function当：

• 对象方法

• 构造函数

• 需要 arguments

• 需要 prototype

 用 =>当：

• 回调函数

• 定时器

• Promise / async

• 想锁定 this