为什么要学习函数式编程?
- 函数式编程是随着 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)