纯函数(Pure functions)

一、纯函数的概念

  • 纯函数:相同的输入永远会得到相同的输出,而且没有任何可观察的副作用
  • 纯函数就类似数学中的函数(用来描述输入和输出之间的关系), y=f(x),映射

  • lodash 是一个纯函数的功能库提供了对数组、数字、对象、字符串、函数等操作的一些方法
  • 数组的 slice 和 splice 分别是:纯函数 和 不纯的函数
    1. slice:返回是数组中的指定部分,不会改变原数组
    2. 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..
  • 可测试:纯函数让测试更方便
  • 并行处理
    1. 在多线程环境下并行操作共享的内存数据很可能会出现意外情况
    2. 纯函数不需要访问共享的内存属性,所以在并行环境下可以任意运行纯函数(Web worker)

四、副作用

  • 纯函数:对于相同的输入永远会得到相同的输出,而且没有任何可观察的副作用
// 不纯的
let mini = 18;
function changeAge (age) {
	return age >= mini; // 如果 mini 在外面发生改变,相同的输出不一定得到相同的输出
}

// 我们只需把 全家的 mini 放到函数内部,它就是一个纯函数
function changeAge (age) {
  // 硬编码:顾名思义,就是死板,一次性的意思,这种方式在编码的过程中会导致变量很难修改。
	let mini = 18; // 有硬编码,后续可以通过柯里化解决
  return age >= mini;
}

副作用让一个函数变得不纯(如上例),纯函数根据相同的输入返回相同的输出,如果函数依赖外部的状态,就无法保证输出相同,就会带来副作用。

副作用来源:

  • 配置文件
  • 数据库
  • 获取用户输入
  • ......

所有的外部交互都有可能带来副作用,副作用也使得方法通用性下降不适合扩展和可重用性,同时副作用会给程序中带来安全隐患和不确定性,但是副作用不可能是完全禁止的,尽可能控制它们在可控范围内发生。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值