无法在订阅回调中设置未定义的属性 [重复]

Question

我有一个 observable，它返回一个我需要在函数中操作的值，所以我认为如果我只是将函数作为回调发送而不是创建一个新的匿名函数会更简洁。但是我进行了更改，并开始收到此错误消息：Error: Cannot set properties of undefined (setting 'name')。

STACKBLITZ DEMO

  ngOnInit(): void {
     this.updateName('First New Name!');

     of('Second New Name!')
     .pipe(delay(1500))
     // .subscribe(name => this.updateName(name)); // Works!
     .subscribe(this.updateName); // Doesn't work - Error: Cannot set properties of undefined (setting 'name')
  }

  updateName(name: string): void {
      this.name = name;
  }

它应该以这种方式工作吗？为什么会这样？

Answer 1

将updateName 切换为 lambda/箭头函数。

updateName = (name: string) => {
  this.name = name;
}

Sample Demo on StackBlitz

---

根据Arrow function expressions，箭头函数不拥有this。

箭头函数根据定义箭头函数的范围建立“this”。

因此，箭头函数的作用是

this 像普通变量一样在范围内查找。

来源：@Felix's answer on How to access the correct this inside a callback