一、纯函数的概念
- 纯函数:相同的输入永远会得到相同的输出,而且没有任何可观察的副作用
- 纯函数就类似数学中的函数(用来描述输入和输出之间的关系), y=f(x),映射
- lodash 是一个纯函数的功能库提供了对数组、数字、对象、字符串、函数等操作的一些方法
- 数组的 slice 和 splice 分别是:纯函数 和 不纯的函数
- slice:返回是数组中的指定部分,不会改变原数组
- splice:对数组进行操作返回该数组,会改变原数组
// 纯函数和不纯的函数
// slice 和 splice
// 纯函数:相同的输入得到相同的输出
let array = [1, 2, 3, 4, 5];
console.log(array.slice(0, 3)); // [1, 2, 3]
console.log(array.slice(0, 3)); // [1, 2, 3]
console.log(array.slice(0, 3)); // [1, 2, 3]
// 不纯的函数:相同的输入得到不同的输出
console.log(array.splice(0, 3)); // [1, 2, 3]
console.log(array.splice(0, 3)); // [4, 5]
console.log(array.splice(0, 3)); // []
实现一个简单的纯函数
function getSum (n1, n2) {
return n1 + n2;
}
console.log(getSum(1, 2));
console.log(getSum(1, 2));
- 函数式编程不会保留计算中间的结果,所以变量是不可变的(无状态的)
- 我们可以把函数的结果交给另一个函数去处理
二、Lodash 常用方法
first | last | toUpper | reverse | each | includes | find | findIndex
const _ = require('lodash');
const array = ['liuda', 'guaner', 'zhangsan', 'zhaosi'];
console.log(_.first(array)); // liuda
console.log(_.last(array)); // zhaosi
console.log(_.toUpper(_.first(array))); // LIUDA
// lodash中reverser方法调用的是数组的reverse会改变原数组(lodash FP模块里面的函数都是纯函数)
console.log(_.reverse(array)); // zhaosi
const r = _.each((item, index) => {
console.log(item, index);
})
console.log(r);//['zhaosi', 'zhangsan', 'guaner', 'liuda'] 原数组被上面的reverse改变了
......
三、纯函数的好处
- 可缓存:因为纯函数对相同的输入始终有相同的输出,所以可以把纯函数的结果缓存起来
// 使用lodash 记忆函数,缓存计算圆的面积
const _ = require('lodash');
function gerArea(r) {
console.log('执行了...');
return Math.PI * r * r
}
let getAreaWithMeMo = _.memoize(getArea);
console.log(getAreaWithMeMo(4)); // 50.26.. 第一次调用,会输出'执行了...'
console.log(getAreaWithMeMo(4)); // 50.26..
console.log(getAreaWithMeMo(4)); // 50.26..
// 模拟 momoize 方法的实现
function memoize (f) {
let cache = {} // 定义一个对象来缓存数据,key为f的参数,value为调用f的结果
return function () {
let key = JSON.stringify(arguments);
// 根据参数判断缓存中是否有值,如果有值,直接返回,没有返回f调用结果,并记录到缓存中
cache[key] = cache[key] || f.apply(f, arguments);
return cache[key];
}
}
let getAreaWithMeMo = memoize(getArea);
console.log(getAreaWithMeMo(4)); // 50.26.. 第一次调用,会输出'执行了...'
console.log(getAreaWithMeMo(4)); // 50.26..
console.log(getAreaWithMeMo(4)); // 50.26..
- 可测试:纯函数让测试更方便
- 并行处理
- 在多线程环境下并行操作共享的内存数据很可能会出现意外情况
- 纯函数不需要访问共享的内存属性,所以在并行环境下可以任意运行纯函数(Web worker)
四、副作用
- 纯函数:对于相同的输入永远会得到相同的输出,而且没有任何可观察的副作用
// 不纯的
let mini = 18;
function changeAge (age) {
return age >= mini; // 如果 mini 在外面发生改变,相同的输出不一定得到相同的输出
}
// 我们只需把 全家的 mini 放到函数内部,它就是一个纯函数
function changeAge (age) {
// 硬编码:顾名思义,就是死板,一次性的意思,这种方式在编码的过程中会导致变量很难修改。
let mini = 18; // 有硬编码,后续可以通过柯里化解决
return age >= mini;
}
副作用让一个函数变得不纯(如上例),纯函数根据相同的输入返回相同的输出,如果函数依赖外部的状态,就无法保证输出相同,就会带来副作用。
副作用来源:
- 配置文件
- 数据库
- 获取用户输入
- ......
所有的外部交互都有可能带来副作用,副作用也使得方法通用性下降不适合扩展和可重用性,同时副作用会给程序中带来安全隐患和不确定性,但是副作用不可能是完全禁止的,尽可能控制它们在可控范围内发生。