react.js - JavaScript 函数定义

Question

const PageLoading = () => (
  <p className="page-loading-component">
  </p>
);

这是React里的一段代码，定义函数为什么这样写：

const PageLoading = () => (
 
);

而不是这样：

function PageLoading(){
  <p className="page-loading-component">
  </p>
};

ES6的写法？这些知识点，应该看什么书学习？

Answer 1

这是ES6的语法，const命令用来声明常量，一旦声明，其值就不能发生改变。

PageLoading = () => (
 
);

属于箭头函数，ES6可以使用=>来定义函数，例如

var a=b=>b
//等同于
var a=function(b){
    return b;
}

其它更加详细的用法，可以看看楼上推荐的书。

Answer 2

确实是es6中的语法糖。你可以看看这个
ES6介绍

Answer 3

ES6,详情可以看阮一峰大神的文章ECMAScript 6 入门

Answer 4

这是ES6的写法，看不懂可以通过babel转码查看，如下：
https://babeljs.io/repl/#?bab...

ES6语法建议查看：
http://es6.ruanyifeng.com/

Answer 5

https://babeljs.io/repl/#?bab...
可以看下这个