Part 1 . JavaScript 深度剖析－函数式编程概念

为什么要学习函数式编程？

• 函数式编程是随着 React 的流行受到越来越多的关注，如：React 中的高阶组件使用了高阶函数来实现，而高阶函数就是函数式编程的一个特性；React 的一些生态 Redux 使用了函数式编程的一些思想。为了更好地了解和学习 React 及 Redux，我们需要学习函数式编程
• Vue 2中也使用了大量的高阶函数，而 Vue 3对 Vue 2做了很大的重构，也越来越偏向函数式编程，在使用 Vue 3 Composition API 的时候就会深有体会
• 在使用 JavaScript 来模拟面向对象的一些特性的时候，会遇到烦人的 this，非常痛苦。而函数式编程可以抛弃掉 this
• 使用函数式编程，可以在打包过程中更好的利用 tree shaking 过滤掉无用的代码
• 使用函数式编程，可以方便测试、方便并行处理等
• 有很多库可以帮助我们进行函数式开发：lodash、underscore、ramda

什么是函数式编程？

函数式编程(Functional Programming, FP)，FP 是编程范式之一，同我们常说的面向过程编程、面向对象编程是并列的关系。

• 面向过程编程的思维方式：按照步骤来实现，一步一步地来实现我们想要的功能
• 面向对象编程的思维方式：把现实世界中的事物抽象成程序世界中的类和对象，通过封装、继承和多态来演示事物与事物之间的联系（对现实事物进行抽象）
• 函数式编程的思维方式：把现实世界的事物和事物之间的联系抽象到程序世界（对运算过程进行抽象）
  • 程序的本质：根据输入通过某种运算获得相应的输出，程序开发过程中会涉及很多有输入和输出的函数，函数式编程就是对这些运算的过程进行抽象
  • x->f(联系、映射)->y, y=f(x). 输入x通过某种联系或映射f得到结果y, 这里的f就是运算过程，就是函数式编程中的函数，可以通过y=f(x)来描述这个运算过程
  • 函数式编程中的函数指的不是程序中的函数（方法），而是数学中的函数即映射关系，例如：y = sin(x)，描述的是x和y之间的关系
  • 相同的输入始终要得到相同的输出（纯函数的概念）
  • 函数式编程是用来描述数据（函数）之间的映射，是对运算过程的抽象

// 非函数式
let num1 = 2
let num2 = 3
let sum = num1 + num2
console.log(sum)

// 函数式（细粒度的函数，可以重用、可以组合成功能更强大的函数）
function add (n1, n2) {
  return n1 + n2
}
let sum = add(2, 3)
console.log(sum)