此Javascript代码在幕后会发生什么？

Question

(()=>{
console.log("Hello, world");
})();

此功能如何工作？ 似乎很模糊，我想逐步了解一下实际发生的情况。

Answer 1

表达方式，

() => {
console.log("Hello, world");
}

创建一个Arrow函数 ，该函数在ECMAScript 2015标准中引入，并在最后使用函数调用expression ()立即执行。

---

此外，Arrow函数定义实际上仅是函数表达式。 因此，您可以省略周围的括号并将其写为

() => {
  console.log("Hello, world");
}();

---

除此之外，箭头函数内部只有一个表达式。 因此，您无需创建一个块并编写与

(() => console.log("Hello, world"))();

Answer 2

这是ECMAScript6。它使用=> （称为“箭头”或“胖箭头”）运算符创建一个匿名函数。 该函数执行console.log("Hello, world"); 执行时。 然后，您发布的代码将执行该功能（尾随(); ）。

它像这样分解：

( // wrapper for the function definition
    ()=>{ // use => to create an anonymous function
        console.log("Hello, world"); // body of the function
    } // end of the function definition
) // end of the wrapper for the function definition
(); // executes the function.

您可以在我发布的先前答案中或在Mozilla文档中阅读有关箭头功能的更多信息。

Answer 3

它将消息输出到Web控制台。 这是带有完整API的页面的链接。