这些是箭头函数
也称为胖箭头函数。它们是编写函数表达式的一种简洁明了的方式,例如function() {}
.
箭头函数可以在定义函数时消除function
,return
和的需要{}
。它们是单行的,类似于 Java 或 Python 中的 Lambda 表达式。
没有参数的示例
const queue = ['Dave', 'Sarah', 'Sharon'];
const nextCustomer = () => queue[0];
console.log(nextCustomer()); // 'Dave'
如果需要在同一个箭头函数中执行多个语句,则需要在本例queue[0]
中用大括号括起来{}
。在这种情况下,不能省略 return 语句。
带有 1 个参数的示例
const queue = ['Dave', 'Sarah', 'Sharon'];
const addCustomer = name => {
queue.push(name);
};
addCustomer('Toby');
console.log(queue); // ['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]
可以在此处找到有关箭头函数的其他信息。