javascript - 了解ES6中的箭头

根据参考：


  箭头是使用=>语法的功能缩写。


好吧，我也无法理解。如何在字面上使用function编写以下代码？

AppRegistry.registerComponent('Component2', () => Component2);

好吧，让我们专注于这一点：

() => Component2

什么是()？是我要传递的值吗？
什么是=>？它是function的替代词吗？因此我们可以将其写为() function Component2？ （我几乎不这么认为）
什么是Componenet2？它是函数的名称吗？还是上课？还是什么？

最佳答案

此() => Component2等效于以下内容：

function(){
    return Component2;
}

因此，左侧的空括号()表示您的函数没有参数，而箭头=>则表示函数返回的内容。

下面是一个片段，其中有一个函数，该函数期望两个值并返回它们的和。

var add = (x,y) => x+y;
console.log(add(3,4));

箭头功能的详细文档可以在here中找到。