用ES6编写高阶箭头函数

ES6学习笔记之编写高阶箭头函数

在JavaScript中,我们遇到将一个函数作为参数传给另外一个函数的时候，往往创建匿名函数。因为这些函数不会在其他地方复用，所以我们不需要给它们命名。

这种情况下，我们通常会使用以下语法：

/*将myVar的值传递给常量myFunc*/
const myFunc = function() {
  const myVar = "value";
  return myVar;
}

在ES6中可以使用箭头函数写匿名函数：

const myFunc = () => {
  const myVar = "value";
  return myVar;
  } 

当不需要函数体，只返回一个值的时候，箭头函数允许你省略return关键字和外面的大括号。这样就可以将一个简单的函数简化成一个单行语句。

const myFunc = () => "value";

与一般函数一样，箭头函数是可以传递参数的。
它在类似map()，filter()，**reduce()**等需要其他函数作为参数来处理数据的高阶函数里会很好用。

/*输出数组里的正整数的平方*/
const realNumberArray = [4, 5.6, -9.8, 3.14, 42, 6, 8.34];
const squareList = (arr) => {
  "use strict";
  const squaredIntegers = arr.filter((num)=>{
      return num>0&&Math.floor(num)==num;
  }).map((num2)=>{
    return num2*num2;
  });
  return squaredIntegers;
};
// 测试
const squaredIntegers = squareList(realNumberArray);
console.log(squaredIntegers);

控制台输出：