js requestAnimationFrame 使用疑惑？

Question

class A {
  v = 1;
  output() {
    console.log(2233, this.v);
  }
  get1() {
    requestAnimationFrame(this.output);
  }
  get2() {
    requestAnimationFrame(() => this.output());
  }
}
var a = new A();
a.get1();
a.get2();

get1 方法为什么没有输出？

---

网页环境不同输出结果也不一致
上图是在谷歌翻译的控制台执行的
若是思否则会报 undefined ：

Answer 1

Javascript 中函数的 this 取决于函数调用的上下文。在严格模式下和非严格模式下会有不同的值。具体参考：MDN - this，JavaScript 的 this 原理

Answer 2

臭名昭著的 this 问题。
可以这样写：

class A {
  v = 1;
  output = () => {
    console.log(2233, this.v);
  }
  get1 = () => {
    requestAnimationFrame(this.output);
  }
  get2() {
    requestAnimationFrame(() => this.output());
  }
}
var a = new A();
a.get1();
a.get2();