了解 JavaScript 函数式编程 -- 什么是纯函数-优快云博客

本文介绍 JavaScript 函数式编程，阐述编码原则，如 DRY、高内聚低耦合等。通过 slice 和 splice 举例说明纯函数与不纯函数区别，指出副作用包括更改文件系统、插入数据库记录等。还提及追求纯函数的好处，如可缓存性、可移植性，以及并行代码的实现，合理运用纯函数可让代码更优雅。

了解 JavaScript 函数式编程目录

编码原则

DRY（不要重复自己，don't repeat yourself）
高内聚低耦合（loose coupling high cohesion）
YAGNI （你不会用到它的，ya ain't gonna need it）
最小意外原则（Principle of least surprise）
单一责任（single responsibility）等等。

看一个纯函数的例子

纯函数不改变原始的输入值。避免无用的副作用

var xs = [1,2,3,4,5];

// 纯的
xs.slice(0,3);
//=> [1,2,3]

xs.slice(0,3);
//=> [1,2,3]

xs.slice(0,3);
//=> [1,2,3]


// 不纯的
xs.splice(0,3);
//=> [1,2,3]

xs.splice(0,3);
//=> [4,5]

xs.splice(0,3);
//=> []
复制代码

silce 就是一个纯函数，没有改变初始的值。而我们常用的 splice 就是一个影响初始值的不纯的函数。

副作用

副作用可能包括以下,但不限于：

更改文件系统往数据库插入记录发送一个 http 请求可变数据打印/log 获取用户输入 DOM 查询访问系统状态

我们可以概括来看，只要和外部环境发生一定交互的都是副作用。我们在书写纯函数的时候尽量要保持无副作用的交互。

当然并不是要禁止一切的副作用，而是说我们需要在可控的范围内去发生。

追求纯函数

我们在初中开始学习函数的时候知道：函数是不同数值之间的特殊关系：每一个输入值返回且只返回一个输出值。

我们要保持这种逻辑，让函数得到一个确认的值。

可缓存性(Cacheable)

下面来实现一个缓存的函数

var squareNumber  = memoize(function(x){ return x*x; });

squareNumber(4);
//=> 16

squareNumber(4); // 从缓存中读取输入值为 4 的结果
//=> 16

squareNumber(5);
//=> 25

squareNumber(5); // 从缓存中读取输入值为 5 的结果
//=> 25
复制代码

这里看看 memoize 缓存函数是怎么实现的

var memoize = function(f) {
  var cache = {};

  return function() {
    var arg_str = JSON.stringify(arguments);
    cache[arg_str] = cache[arg_str] || f.apply(f, arguments);
    return cache[arg_str];
  };
};
复制代码