这些是箭头函数
也称为胖箭头函数。它们是一种简洁明了的方法来编写函数表达式,例如function(){}。
箭头函数可以在定义函数时去掉function、return和{}。它们是一行程序,类似于Java或Python中的Lambda表达式。
不带参数的示例
const queue = ['Dave', 'Sarah', 'Sharon'];
const nextCustomer = () => queue[0]
console.log (nextCustomer ());/ /“大卫”
如果需要在同一个箭头函数中执行多条语句,那么在本例中,您需要将队列[0]封装在尖括号{}中。在这种情况下,return语句不能省略。
带有1个参数的示例
const queue = ['Dave', 'Sarah', 'Sharon'];
const addCustomer = name => {
queue.push(名称);
};
addCustomer(“托比”);
console.log(队列);// ['Dave', 'Sarah', 'Sharon', 'Toby']
你可以从上面省略{}。
当只有一个参数时,参数周围的括号()可以省略。
带有多个参数的示例
const addNumbers = (x, y) => x + y
console.log (addNumbers(1、5));/ / 6
一个有用的例子
const fruits = [
{ name: 'Apple', price: 2 },
{ name: 'Bananna', price: 3 },
{ name: 'Pear', price: 1 }
];
如果我们想在一个数组中获取每个水果的价格,在ES5中我们可以这样做:
fruits.map(function(fruit) {
return fruit.price;
}); // [2, 3, 1]
在ES6的新箭头函数中,我们可以让它更简洁:
fruits.map(fruit => fruit.price); // [2, 3, 1]
关于箭头函数的更多信息可以在这里找到。