Question

在正常功能下，我可以使用此代码

const person = {
  name: 'yaman',
  surname: 'katby',

  getFullName: function() {
    return `${this.name} ${this.surname}`
  }
}

箭头功能如何，下面的代码不起作用

const person = {
  name: 'yaman',
  surname: 'katby',

  getFullName: () => `${name} ${surname}`
}

Answer 1

箭头功能的要点是它没有自己的this，它会关闭创建它的位置。

在您显示的情况下，您可能不会使用箭头功能。但是，如果这样做了，则必须使用常量名称（person来引用该对象，因为您不能使用this：

const person = {
  name: 'yaman',
  surname: 'katby',

  getFullName: () => `${person.name} ${person.surname}`
};

console.log(person.getFullName());

如何从相同对象的（箭头）函数访问对象的属性

1 个答案: