Question

很抱歉，如果这是一个愚蠢的错误，我对JavaScript很新。

所以我在对象person中有一个键 - 函数对（＆＃39; sayHello＆＃39;），它使用模板文字（$ {}）返回插值字符串。当我使用标准函数语法时，它工作正常。

let person = {
  name: 'Ava',
  sayHello () {
    return `Hello, my name is ${this.name}.`;
  }
};

console.log(person.sayHello());
// output: Hello, my name is Ava.

但是，当我使用带有箭头标记的箭头函数语法时，它会返回＆＃39; name＆＃39;值未定义。

let person = {
  name: 'Ava',
  sayHello: () => {
    return `Hello, my name is ${this.name}.`;
  }
};

console.log(person.sayHello());
// output: Hello, my name is undefined

有人知道这里的问题是什么，即使这只是我所做的语法错误吗？

感谢。

Answer 1

箭头函数表达式最适合非方法函数。他们没有this。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Description

模板文字不能与对象内的箭头函数语法结合使用？

1 个答案: