函数式编程十分钟掌握纯函数和柯里化

Posted 2021-04-09 前端大联盟

茫茫人海中与你相遇

相信未来的你不会很差

链接：https://juejin.cn/post/6893110732423397383

纯函数

函数式编程中的函数，指的都是纯函数，纯函数的概念简单来说就是对于一个函数来说，使用相同的输入始终会得到相同的输出，而且没有可观察到的副作用。关于副作用我们后面再解释。这里我们只讨论相同的输入始终会得到相同的输出。

纯函数其实就是数学中函数的概念，他是用来描述输入和输出的映射关系。y=f(x);

我们这里通过数组的两个方法

slice

和

splice

来演示一下纯的函数和不纯的函数。

slice

的作用是返回数组中的指定部分，不会改变原数组，splice是对数组进行操作，会改变原数组。

首先我们在这里调用三次slice，注意纯函数的定义，相同的输出始终会得到相同的输出。

let array = [1, 2, 3, 4, 5, 6];
console.log(array.slice(0, 2));console.log(array.slice(0, 2));console.log(array.slice(0, 2));

测试发现三次打印的结果都是一样的，所以slice就是一个纯函数。接下来我们再来演示一下

splice

。

let array = [1, 2, 3, 4, 5, 6];
console.log(array.splice(0, 2));console.log(array.splice(0, 2));console.log(array.splice(0, 2));

我们发现每一次打印的结果都是不同的，因为每一次调用的时候都会修改原数组，每一次都会移除掉数组中的两个元素。这里相同的输入得到的输出是不一样的所以splice这个方法是不纯的函数。

下面我们自己来写一个纯函数，比如我们写一个计算两个数的和的函数。

对于纯函数来说，要有输入，也要有输出，我们这里多次调用，得到的结果都是相同的。

function getSum (n1, n2) { return n1 + n2;}
console.log(getSum(1, 2));console.log(getSum(1, 2));console.log(getSum(1, 2));

在函数式编程中，不会保留中间计算的结果，所以我们就认为他的变量是不可变的，也就是无状态的。

在基于函数式编程的过程中我们经常会需要一些细粒度的纯函数，我们可以把一个函数的执行结果传递给另一个函数去处理，这就是函数组合。

纯函数的优点

纯函数的第一个好处是可缓存，因为纯函数对相同的输入始终会有相同的输出，所以可以把纯函数的结果进行缓存。

为什么要缓存函数呢，比如说我们有个函数，执行起来特别耗时，但是这个函数需要多次调用，那每次调用这个函数的时候都需要去等一段时间，才能获取到这个结果，所以他对性能来说是有影响的，使用缓存可以很好的解决这个问题，提高程序的性能。

lodash

存在一个带记忆功能的函数

memoize

，我们定义一个球圆面积的纯函数

getArea

。我们想要把这个计算结果缓存下来，就要用到

memoize

。这个方法会返回一个带有记忆功能的函数。

为了演示这个函数被缓存，我们可以在

getArea

中打印一句话，然后调用两次

getAreaWithMemory

。

c1onst _ from 'lodash';
function getArea (r) { console.log(`getArea 执行了`); return Math.PI * r * r;}
const getAreaWithMemory = _.memoize(getArea);
console.log(getAreaWithMemory(3)));console.log(getAreaWithMemory(3)));

可以发现，当我们第一次调用

getAreaWithMemory

的时候，打印了

getArea

中的console, 第二次调用

getAreaWithMemory

的时候并没有打印

getArea

中的console。但是两次调用

getAreaWithMemory

都返回了相同的结果。

这就说明函数

getArea

被缓存了，这里我们来模拟一下

memoize

内部是如何实现纯函数的缓存的。

根据

memoize

我们知道，这个函数执行的时候要传入一个函数f作为参数，这个f就是真实的函数，也就是上面例子中的

getArea

，并且返回值也是一个函数。函数的内部要存在一个对象缓存函数f执行的结果，我们可以用f函数传入的参数作为对象的键，因为用户实际调用的是返回的这个参数，所以形参应该在返回的函数中，f的执行结果作为对象的值。

在返回的函数中我们需要存储传入的参数作为键，然后判断

cache

中是否存在该键对应的值，如果存在，直接返回该值，如果不存在，则调用f函数，并且将执行结果存入

cache

再返回执行结果。

这里我们通过

apply

来调用函数f，因为我们并不知道有多少个参数，所以我们使用arguments参数集合，apply第二个参数可以接收一个参数集合。第一个参数是函数调用的this，这里不是主要的，我们可以写成f它自身。

function memoize (f) { let cache = {}; return function () { let key = JSON.stringify(arguments); cache[key] = cache[key] || f.apply(f, arguments); return cache[key]; }}

这里其实还有一点问题的，假设缓存的值是

false，0，null, undefined

或者空字符串等仍然会执行原函数，不过这些暂时不在我们讨论之列，这里就不再赘述了。

到这里关于纯函数的第一个好处，可缓存，我们这里就演示完了，将来我们在写程序的时候就可以通过这种方式来提高程序的性能。

纯函数的第二个好处就是可测试，因为纯函数始终有输入和输出，而单元测试就是在断言函数的结果，所以我们所有的纯函数都是可测试的函数。

另外纯函数还方便并行处理，因为在多线程环境下并行操作共享的内存数据很可能会出现意外情况，假设多个线程同时修改一个全局变量，并且每个线程修改后的值都不同，那这个变量的值最终是没办法确定的。纯函数就不会有这样的问题，因为他只依赖参数，他不能访问共享的内存数据，也就是自己作用域外的数据，所以在并行环境下可以任意运行纯函数。

在以前这和js基本上是没关系的，因为js是单线程的，但是在ES6之后，js新增了

Web Worker

, 可以开启多线程，但是大多数我们使用js还是单线程的。

副作用

纯函数的另一个特性是没有任何可观察的副作用，我们通过一段代码来演示什么是副作用

let mini = 18;function checkAge (age) { return age >= mini;}
checkAge(20); // truemini = 28;checkAge(20); // false

上面这个函数就是不纯的，因为我们知道，对于一个纯函数来说，相同的输入永远得到想用的输出，而

checkAge

这个函数，依赖了外部变量

mini

，这个变量是可能发生变化的。所以并不能保证相同的输入始终返回相同的输出，所以他是不纯的，也就是存在副作用。

副作用让一个函数变得不纯，纯函数的根据是相同的输入返回相同的输出，如果函数依赖于外部的状态就无法保证输出相同，就会带来副作用，也就是我们这个

mini

变量带来了副作用，让函数变得不纯。

除了全局变量，副作用的来源还有配置文件，我们有可能会从配置文件中获取信息。还有数据库和获取用户输入等等，这些都会带来副作用。

总结就是所有的外部交互都会产生副作用，副作用也会使得方法通用性下降不适合以后的扩展和重用。同时副作用也会给程序中带来一些安全隐患，比如说用户的输入可以带来攻击。

虽然副作用存在这么多问题，但是副作用是不可能完全禁止的，因为我们不可能将用户名密码等一些信息记录到代码中，这些信息还是需要放在数据库中的，我们应该尽可能的控制副作用在可控的范围内发生。

柯里化

这里我们来谈论下函数式编程中另一个重要的概念，柯里化

首先，我们先通过下面的方式将上节代码中不纯的函数变成纯函数。就是将

mini

拿到函数内部去。

function checkAge (age) { let mini = 18; return age >= mini;}

但是当我们把这个

mini

拿到函数内部的时候还有一个问题，因为这个变量的值等于一个具体的数字，就出现了硬编码，我们都知道，在写程序的时候要尽量避免硬编码。我们要解决硬编码也比较简单，只是需要把18提取到参数位置就可以了。

function checkAge (min, age) { return age >= min;}
checkAge(18, 20);checkAge(18, 21);checkAge(18, 22);

这里我们就改造完了，我们根据输入始终会得到相同的输出，因为他不在依赖于外部的变量，并且它里面也没有硬编码。

可以发现，当我们经常使用18这个基准值的时候，这个18就会经常重复，我们想要避免这个1

8重复，我们可以使用闭包来解决这个问题。比如我们重新定义chekAge函数，他接收一个基

准值

他接min，返回一个函数。

返回的函数中接收一个

age

参数, 在函数体中我们返回

age

大于等于

min

，定义完之后，我们可以通过

checkAge

返回一个新的函数

checkAge18，checkAge

调用的时候就可以传入18。这个18就记录到了函数中。

function checkAge (min) { return function (age) { return age >= min; }}let checkAge18 = checkAge(18);
checkAge18(20);checkAge18(21);checkAge18(22);

这里可以发现我们在调用的时候不会让基准值重复，因为我们在第一个函数中已经确定下来了。

以上函数调用的方式就是柯里化，那我们这里简单说明一下什么是柯里化。

当我们的函数有多个参数的时候我们可以对这个函数进行改造，我们可以调用一个函数，只传递部分参数，并且让这个函数返回一个新的函数，这个新的函数去接收剩余的参数，并且返回相应的结果，这就是函数的柯里化。

上面的代码不够通用，我们这里介绍一下

lodash

中提供的通用柯里化方法，

lodash

中柯里化的方法叫做

curry

，这个方法的参数是一个函数，返回值是柯里化之后的函数。

curry

本身是一个纯函数，如果我们传入的参数是个纯函数的话，返回的函数也会是一个纯函数。

我们这里演示一下

lodash

中

curry

方法的使用。

我们这里定义一个求三个数和的函数, 柯里化可以将一个多元(参数个数)函数转换为一元函数。我们使用

curried

来接收柯里化之后的

getSum

方法。这个新得到的

curried

被调用时，当他判断传入的参数个数已经是需要的个数了，就会执行。我们可以一次性全部传入，也可以从前到后部分传入。当传入部分参数时，他会返回一个新的函数。

const _ = require('lodash');
function getSum (a, b, c) { return a + b + c;}
const curried = _curry(getSum);
// curried(1, 2, 3);// curried(1)(2, 3);curried(1, 2)(3)

所以我们这里发现，我们通过柯里化过后的函数使用起来非常方便，他可以传递一个参数，可以传入多个参数。

下面我们来模拟一下

lodash

中柯里化的实现，在模拟之前我们先来回顾一下

curry

方法是如何调用的，当我们调用这个方法的时候，我们需要给他传入一个参数，这个参数是一个纯函数，当调用完成之后他会返回一个函数，那这个函数是柯里化之后的函数。

返回的柯里化函数在执行的时候，可以传递全部参数，也可以传递部分参数，当传递全部参数的时候，这个函数就要立即执行，当传递是部分参数的时候，会返回一个新的函数，然后等待接收剩余的参数。

这里我们知道，传递的参数是不固定的，所以我们在函数的内部就要判断一下传入的参数和形参的个数是否相同。我们可以通过ES6的

reset

剩余参数(.

.args

)来实现。

然后我们需要把形参个数和实参个数进行对比，判断是否相同。实参就是

args

，形参可以通过函数名的长度获取，也就是

func.length。

function curry (func) { return function curriedFn(...args) { if (args.length >= func.length) { return func(...args); } else { return function () {
 } } }}

当传入部分参数的时候，我们需要将当前传入的参数和之前传入的参数合并到一起，然后与原函数的参数进行对比。

新传入的参数我们用

...newArgs

获取，以前传入的参数在...args中。这里我们可以将

args

和

newArgs

进行合并，然后手动调用

curriedFn

，让

curriedFn

帮我们判断参数是否相等的逻辑。

function curry (func) { return function curriedFn(...args) { if (args.length >= func.length) { return func(...args); } else { return function (...newArgs) { return curriedFn(...args.concat(newArgs)); } } }}

这里我们就写完了，最后我们来总结一下函数的柯里化。

函数的柯里化可以让我们给一个函数传递较少的参数，得到一个已经记住了某些固定参数的新函数。也就是柯里化可以实现函数的参数分步传递，如果传递的参数不满足函数的参数要求，就会返回一个新的函数，可以在新的函数中继续传递后面的参数。前面传递的参数已经被记录在新函数里面了。

柯里化的内部使用了闭包对函数的参数进行了缓存，柯里化可以让函数变得更灵活，因为可以生成一些粒度更小的函数。我们这么做的目的是为了后续学习组合的时候使用。

使用柯里化可以把多元的函数转化成一元的函数，可以把这些一元函数组合成功能更强大的函数。

我们在虚拟的空间与你相遇，期待可以碰撞出不一样的火花

公众号ID：前端大联盟

扫码关注最新动态