var getTempItem = id => ({ id: id, name: "Temp" });
我知道上面的箭头功能等效于:
var getTempItem = function(id) { return { id: id, name: "Temp" }; };
但是我对以下内容有些困惑
const Todo = ({ onClick, completed, text }) => ( <li onClick={onClick} style={{ textDecoration: completed ? 'line-through' : 'none' }} > {text} </li> )
为什么函数参数用大括号括起来,而函数主体仅用括号括起来?
ES6的一些语法糖元素在这里起作用:
奖励:箭头函数与函数声明和函数表达式不同的一种方式是,在箭头函数(即使是具有非简洁主体的箭头函数)中,和的值arguments与this包含范围相同。因此,使用.call或调用箭头函数.apply无效,如果希望箭头函数采用可变数量的参数,则需要使用rest参数。
arguments
this
.call
.apply