【Day16】箭头函式

一般我们见到的函式长成这个样子：

var fight = function(nameA, nameB) {
	return nameA + '打败' + nameB;
}

fight('洪七公','欧阳锋');  //洪七公打欧阳锋

但是从ES6之後，增加了一种「箭头函式表达式」(Arrow Function expression)，可以使用它来简化函式的表达，让我们一步一步还简化：

把function删除，在()小括号後面加上= >，其他保持原样。

var fight = (nameA, nameB) => {
	return nameA + '打败' + nameB;
}

fight('洪七公','欧阳锋');  //洪七公打欧阳锋

跟着进一步简化，把{}拿掉，也把return省略掉：

var fight = (nameA, nameB) =>  nameA + '打败' + nameB;

fight('洪七公','欧阳锋');  //洪七公打欧阳锋

当函式只有一个参数的时候，小括号()可以省略：

var fight = nameA => console.log(nameA + '武功天下第一');

fight('洪七公');  //洪七公武功天下第一

但是没有参数时，小括号()是不能省略的：

var fight = () => console.log('洪七公武功天下第一');

fight();  //洪七公武功天下第一

箭头函式的精简写法在乍看之下让人一头雾水，但是拆解之後，却是简单又一目了然，这种写法应该很多人会喜欢用。