forEach 和箭头函数是如何工作的? - Javascript

forEach

forEach 是 JavaScript 中常用的一个数组方法，可以方便的遍历数组执行操作。它是一个高阶函数，接受一个回调函数作为参数。

const numbers = [1, 2, 3];

numbers.forEach(function(number) {
  console.log(number);
});

上面的代码将依次输出 1、2、3。

ES6 中可以使用箭头函数来写回调函数，代码更加简洁。

numbers.forEach((number) => {
  console.log(number);
});

箭头函数

箭头函数是 ES6 中引入的一种新语法，可以更加方便的书写函数。

function double(number) {
  return number * 2;
}

const doubleArrow = (number) => {
  return number * 2;
};

上面的代码中，double 函数使用传统的函数声明方式定义，而 doubleArrow 使用箭头函数方式定义。它们的功能是相同的。

当箭头函数只有一个参数时，可以省略括号。

const doubleArrow = number => {
  return number * 2;
};

当箭头函数只有一行代码时，可以省略花括号和 return 关键字。

const doubleArrow = number => number * 2;

总结

forEach 和箭头函数都是 JavaScript 中常用的语法。forEach 对 数组进行遍历操作，接受一个回调函数作为参数；而箭头函数可以更加方便的书写函数。两者结合使用可以使代码更加简洁易懂。