javascript - 对象字面量函数创建

Question

这个问题已经有答案了:

Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (4 个回答)

Methods in ES6 objects: using arrow functions (6 个回答)

已关闭 5 年前。

在网络上的任何地方都找不到此信息。使用对象字面量语法创建的这两种方法之间是否存在任何差异(例如性能方面)？或者说底层的机制是完全相同的吗？

let test = {

  foo(){
    console.log("foo");
    return 1;
  },
  bar: () => {
    console.log("bar");
    }
}


console.log(test.foo());
console.log(test.bar());

Answer 1

不应该有任何性能差异——简写函数属性只是语法糖。

但是，操作上存在差异。速记符号是传统函数语法的缩写，而不是箭头函数。所以它相当于:

foo: function() {
    console.log("foo");
}

箭头函数与传统函数表达式有许多不同的行为。请参阅Arrow function vs function declaration / expressions: Are they equivalent / exchangeable?

您的示例函数不会执行任何取决于差异的操作，但在实际应用程序中它们可能会执行任何操作。