小编收到小伙伴们要求，带大家了解关于函数式编程，这个内容想必大家并不陌生，也是经常需要应用的，已经整理好以下详细的介绍，一起来看看吧~

函数式编程理解：

编写代码的时候，函数式编程更多的是从声明式的方法，而传统的编程更多的是命令式的方法。例如，上面的筛选学生年纪，传统的编程思想是，我创建了什么，我循环了什么，我判断了什么，得出了什么结果；函数式编程的思想是，我声明了一个筛选的函数，我声明了一个判断的函数，我把这两个函数结合起来，得出了一个结果。

关于纯函数

在函数式编程的概念中，有一个重要的概念是纯函数，那么什么是纯函数呢?

我们用代码来解释什么是纯函数：

const z = 10;
add(x, y) {
 return x + y;
}
复制代码
上面的add函数就是一个纯函数，它读取x和y两个参数的值，返回它们的和，并且不会受到全局的z变量的影响
 
把这个函数改一下
const z = 10;
add(x, y) {
 return x + y + z;
}
复制代码

这个函数就变成了不纯的函数了，因为它返回的值会受到全局的z的影响，换句话说，这个函数会被外部环境影响，我们就得出了第一个判断是否纯函数的重要依据——纯函数不会受到外部环境的影响。

再用splice和slice来解释一下：

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);
//=> []
复制代码

slice收到同样的参数，每次返回相同的值，所以是纯函数,splice收到同样的参数，每次返回不同的值，所以不是纯函数，我们就得出了第二个判断是否纯函数的重要依据——纯函数相同的输入，永远会得到相同的输出。

总结：

'纯函数是这样一种函数，即相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用'
复制代码

关于柯里化

柯里化的概念很简单：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。

const add = x => y => x + y;
add(1)(2);
// => 3
复制代码

上面的例子，就是一个很典型的柯里化函数，在我们第一调用的时候，接收了第一次传入的参数（用闭包记住），返回了一个新的函数；在第二次调用的时候，接收第二次传入的参数，并且和第一次传入的函数相加，返回它们的和。

运用上面的思想编写一个的柯里化函数：

currying(fn, ...args1) {
 // '判断传入的参数是否满足传入函数需要的参数，比如说add函数需要两个参数相加，那么判断是否传入了两个参数，满足调用传入函数计算结果'
 if (args1.length >= fn.length) {
 console.log(args1, '--1--');
 return fn(...args1);
 }
 // '不满足返回一个新的函数，继续调用柯里化函数，传入保存的第一次传入的函数，传入保存的第一次传入的参数，传入第二次传入的参数，继续上面的判断逻辑，返回计算结果'
 return (...args2) => {
 console.log(args2, '--2--');
 return currying(fn, ...args1, ...args2);
 };
},
// 定义一个一般函数
const add = (x, y) => x + y;
// 使用
const increment = currying(add, 1);
console.log(increment(2));
const addTen = currying(add, 10);
console.log(addTen(2));
// => [2] --2--
// => [1,2] --1--
// => 3
// => [2] --2--
// => [10,2] --1--
// => 12
复制代码

柯里化函数比较重要的思想是：

多次判断传入的参数是否满足计算需求，满足，返回计算结果，如果不满足，继续返回一个新的柯里化函数

关于代码组合

首先，先写一个简单的组合函数：

const compose = (f, g) => x => f(g(x));

这个组合函数接收两个函数当作参数，然后返回一个新的函数，x是两个函数之间都要使用的值，比如说：

const compose = (...fns) => (...args) => fns.reduceRight((res, fn) => [fn.call(null, ...res)], args)[0];
// 使用，实现一个功能，字符串变成大写，加上个感叹号，还要截取一部分，再在前面加上注释
const toUpperCase = x => x.toUpperCase();
const exclaim = x => `${x}!`;
const head = x => `slice is: ${x}`;
const reverse = x => x.slice(0, 7);
const shout = compose(exclaim, toUpperCase, head, reverse)
shout('my name is maya')
// => SLICE IS: MY NAME!
复制代码

组合的原理其实就是数学中的结合律：

(a + b) + c = a + (b + c)

对组合的理解是：

组合是什么，组合就是运用了数学里的结合律，像是搭积木一样，把不同的函数联系起来，让数据在里面流动

在各种库里面都有组合的函数，lodash，underscore，ramda等等，比如在underscore里面，组合是这样的：

 // Returns a function that is the composition of a list of functions, each
 // consuming the return value of the function that follows.
 _.compose = function() {
 var args = arguments;
 var start = args.length - 1;
 return function() {
 var i = start;
 var result = args[start].apply(this, arguments);
 while (i--) result = args[i].call(this, result);
 return result;
 };
 };
复制代码

相信大家到这里已经初步了解了函数式编程的概念了，那么我们怎么使用函数式编程的方式写代码呢，举个例子：

// 伪代码，思路
// 比如说，我们请求后台拿到了一个数据，然后我们需要筛选几次这个数据, 取出里面的一部分，并且排序
// 数据
const res = {
 status: 200,
 data: [
 {
 id: xxx,
 name: xxx,
 time: xxx,
 content: xxx,
 created: xxx
 },
 ...
 ]
}
// 封装的请求函数
const http = xxx;
// '传统写法是这样的'
http.post
 .then(res => 拿到数据)
 .then(res => 做出筛选)
 .then(res => 做出筛选)
 .then(res => 取出一部分)
 .then(res => 排序)
 
// '函数式编程是这样的'
// 声明一个筛选函数
const a = curry()
// 声明一个取出函数
const b = curry()
// 声明一个排序函数
const c = curry()
// 组合起来
const shout = compose(c, b, a)
// 使用
shout(http.post)
复制代码

如果想要在项目里面正式使用函数式编程有这样几个步骤：

1、先尝试使用ES6自带的高阶函数

2、熟悉了ES6自带的高阶函数后，可以自己尝试写几个高阶函数

3、在这个过程中，尽量使用纯函数编写代码

4、对函数式编程有所了解之后，尝试使用类似ramda的库来编写代码

5、在使用ramda的过程中，可以尝试研究它的源代码

6、尝试编写自己的库，柯里化函数，组合函数等

以上就是关于函数式的全部内容介绍，大家可以消化学习。