JavaScript的函数式编程

函数式编程

简单说，"函数式编程"是一种"编程范式"（programming paradigm），也就是如何编写程序的方法论。

函数式编程属于声明式编程（declarative programming）的范畴，经常跟声明式编程一块儿讨论的是命令式编程（imperative programming）。

声明式编程

声明式编程一般是说声明(说明)一下你想要的结果是什么样的，然后返回给你想要的结果。

例如现在有一组成绩单，我要过滤成绩 90 分以上的学生，如下

let reports = [
  { name: 'Tom', grade: 86 },
  { name: 'Amy', grade: 94 },
  { name: 'Mike', grade: 85 },
  { name: 'Jack', grade: 79 },
  { name: 'Nami', grade: 91 }
]

声明式，如下

const declarativeReportFilter = (reports) => {
  return reports.filter((report) => report.grade >= 90)
}

在上面这个函数里，只是说明了一下，自己想要的结果是什么样的，就是成绩在 90 分以上的学生。

命令式编程

命令式编程一般是说清楚具体要怎么样得到一个结果：先这样做，再这样做，然后再这样，如果这样，就这样做 ...

还是原来的一组成绩单，命令式，如下

命令式：

const imperativeReportFilter = (reports) => {
  let result = []
  for (let i = 0; i < reports.length; i++) {
    if (reports[i].grade >= 90) {
      result.push(reports[i])
    }
  }
  return result
}

在函数里面，声明一个 result 变量，然后赋值到一个空白数组。然后通过 for 循环，去处理 reports ，循环的时候判断当前项目里的评分（grade）是不是大于等于 90，如果是的话，就把这个项目放到 result 里面。循环完成以后，会返回处理之后的结果。

命令式编程里，详细的说明了得到结果需要做的每个操作。

定义函数

在 JavaScript 语言里，函数是一种对象，所以可以说函数是 JavaScript 里的一等公民（first-class citizens）。所谓"一等公民"，指的是函数与其他数据类型一样，处于平等地位，可以赋值给其他变量，也可以作为参数，传入另一个函数，或者作为别的函数的返回值。

定义一个函数：

function greet(greeting, name) {
  return `${greeting}, ${name}`
}

因为在 JavaScript 里面是对象（object），所以它会有一些属性还有方法。比如 name 属性是函数的名字，length 属性指的是函数里面有多少个必须要传递的参数。比如访问上面定义的这个函数里的两个属性：

greet.name
// 输出 greet

greet.length
// 输出 2

函数表达式

函数是对象，也可以说函数是一个值，在 JavaScript 里面，它跟其它类型的值是一样的，比如字符串，数字。这就可以让我们使用函数表达式的方法来定义函数，也就是定义一个匿名函数（anonymous function），再把它交给一个变量。如下：

var greet = function (greeting, name) {
  return `${greeting}, ${name}`
}

Lambda 表达式

ES6 可以让我们用 Lambda 表达式，也就是箭头函数（fat arrow function），如下：

var greet = (greeting, name) => {
  return `${greeting}, ${name}`
}

让它更简洁一些：

var greet = (greeting, name) => `${greeting}, ${name}`

箭头右边的东西会自动被返回（return）。

对象里的方法

如果有一个函数是在一个对象里，一般我们称这种函数是对象的一个方法（method）。

试一下：

var obj = {
  greet: function (greeting, name) {
    return `${greeting}, ${name}`
  }
}

ES6 可以让我们这样为对象定义方法：

var obj = {
  greet (greeting, name) {
    return `${greeting}, ${name}`
  }
}

上面定义了一个名字是 obj 的对象，在它里面添加了一个叫 greet 的方法。要使用这个方法可以这样：

obj.greet('hi'