这 2 个 JavaScript 语句是否等效？ [复制]

Question

这两个语句似乎做同样的事情。

const handleClick = () => alert('foo');

和

function handleClick() {
    alert('foo');
}

它们是否相同，只是语法不同？第一个看起来像一个变量声明，而第二个显然是一个函数定义。

Answer 1

不，它们不是一回事。 The arrow function 有一些限制：

• 对 this 或 super 没有自己的绑定，因此不应 用作方法。
• 没有 new.target 关键字。
• 不适合 call、apply 和 bind 方法，这些方法通常依赖于建立一个 范围。
• 不能用作构造函数。
• 不能在其范围内使用产量 身体。

Answer 2

与函数表达式相比，ES6 箭头函数为您提供了一种编写更短语法的替代方法。没有性能差异。

Are arrow functions faster (more performant, lighter) than ordinary standalone function declaration in v8?