箭头函数中的 this [重复]答案

【问题标题】：this in arrow function [duplicate]箭头函数中的 this [重复]
【发布时间】：2021-04-22 21:15:18
【问题描述】：

我们如何在 getFullName 函数中获取 post 对象的属性。我知道如果我们可以使用函数声明而不是箭头函数，那么“this”将引用 post 对象属性。但我只是想知道我们是否可以使用箭头函数来实现它。

const post = {
  firstname: 'temp',
  lastname: 'code',
  getFullName: () => {
    return this.firstname + ' ' + this.lastname;
  }
}

【问题讨论】：

改用正则函数表达式，在有意义的情况下使用箭头函数，不要仅仅因为它们而试图将它们放在任何地方。
或在对象中使用getter：get FullName() { return this.firstname + ' ' + this.lastname } 并使用post.FullName 访问它
@goto1，是的，我知道这只是一个问题，是否可以使用箭头函数和 this。我确实了解实现这一目标的其他方法。

标签： javascript this arrow-functions

【解决方案1】：

您可以自己引用 post 对象。

const post = {
  firstname: 'temp',
  lastname: 'code',
  getFullName: () => {
    return post.firstname + ' ' + post.lastname;
  }
}

console.log(post.getFullName());

【讨论】：