javascript - 这个 ES6 箭头函数代码块的作用是什么？

Question

(a => `Hello ES${a}`)(2015);

上面的代码返回 Hello ES2015，但我无法理解模板文字如何与箭头函数一起工作。

Answer 1

好吧，让我们试着一步一步地理解它。我们有:

(a => `Hello ES${a}`)(2015);

我们知道 ES6 中的任何箭头函数都可以用普通函数替换。因此，将括号保持在适当的位置(必须保持在适当的位置)，上面的代码相当于:

(function (a) {
    return `Hello ES${a}`;
})(2015);

现在，这是一个简单的 Immediately-Invoked Function Expression 。该函数在创建后立即执行，而不是在解析后执行。整个脚本 block 在执行其中的任何代码之前都会被解析。此外，解析代码并不自动意味着它会被执行，例如，如果 IIFE 位于函数内部，那么在调用该函数之前它不会被执行。因此，在您的情况下，我们使用 2015 参数进行立即函数调用，返回 Hello ES2015。

您可以阅读有关 IIFE 的更多信息 here或here .

干杯!