函数式编程（一）

引言

javascript是一门多范式编程语言，什么叫多范式？通俗一点来讲，不管是烂大街的面向对象，还是面向切面、函数式编程啥都能写。函数式编程不是用函数来编程，其主旨是将复杂的函数转化为简单的函数。这两年随着React的火热，函数式编程的概念也开始流行起来，RxJS、cycleJS、lodashJS、underscoreJS等多种开源库都使用了函数式的特性，但是相信绝大部分人看完有关函数式编程的书籍，还是一脸懵逼。所以下面用我一年级的智商对函数式编程的理解，来介绍一些函数式编程的知识和概念。

纯函数

纯函数的定义是，对于相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用，也不依赖外部环境的状态。

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

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

// 不纯的,改变了原数组的值
xs.splice(0,3);
//=> [1,2,3]

大多数有用的纯函数都应有至少一个参数。所有有用的纯函数都应该返回一些东西。

let addNoReturn = (x, y) => {
    let z = x+ y
}
//无用的纯函数

现在你可以尝试打开浏览器的控制台，执行这样一个函数

let add = (x, y) =>  x + y 
add(1, 2) //3

执行一次，结果是3。
现在你可以再次执行一次

add(1, 2) //3

结果还是3，再执行一次

add(1, 2) //3

结果还是3，惊不惊喜，意不意外？
再看下面一个函数

let wirteFile = (x) => {
      localStorage.setItem('font', '1')
      return x;
}

这个是纯函数吗，相同的结果也是相同的输出啊？
显然这个不是纯函数，纯函数不能修改任何外部变量，纯函数没有函数副作用。
副作用可能包含，但不限于：

1. 更改文件系统

2. 往数据库插入记录

3. 发送一个 http 请求

4. 打印/log

5. DOM 查询

看到这里你可能会把我拉黑，只有纯函数我还怎么写代码，怎么完成需求？
在函数式编程中，你不仅仅编写纯函数。
函数式语言不能消除函数副作用，它们只能限制函数副作用。因为程序必须和真实世界交互，每一个程序总有一些部分必须是不纯的。目标是减少不纯代码的数量并将它们和我们程序中的其他部分隔离。

纯函数不仅降低了系统的复杂度，还有很多很棒的特性，比如可缓存性

const memorize = f => {
  const cache = {};

  return function() {
    const arg_str = JSON.stringify(arguments);
    cache[arg_str] = cache[arg_str] || f.apply(f, arguments);
    return cache[arg_str];
  };
};

const addNumber = memorize( x => x + 1)

//第一次计算慢
addNumber(1)
//第二次有了缓存，速度快了不少
addNumber(1)

我们不用每次都自己实现memorize函数，lodash、ramda都提供了很好的封装。