js函数式编程

函数式编程是一种编程范式，就是一些编程的原则。
常见的编程范式有命令式编程、逻辑式编程等等。

在函数式编程的世界中，函数是一等公民。

函数式编程的主要好处是没有副作用：即不依赖外部的状态也不修改外部的状态，函数调用的结果不依赖调用的时间和位置，这样写的代码容易进行推理，不容易出错。这使得单元测试和调试都更容易。

纯函数

纯函数：相同的输入总是输出相同的结果，它的执行不依赖于系统的状态等其他外部因素。

纯函数无副作用，仅仅依赖于函数的输入，并且当输入相同时输出保持一致。

下面这个函数就不是纯函数：

let number = 1;
const increment = ()=>number+1;

increment(); //2

这个函数依赖于外部变量number，当number值改变时函数运行结果也改变。

而下面这个函数就是纯函数：

const increment = n=>n+1;
increment(1);

高阶函数

高阶函数：把其他函数当做参数传递或者返回一个函数

example1：传入一个函数作为参数

const sum = (x+y)=>x+y;

const calculate = (fn,x,y)=>fn(x,y)

calculate(sum,1,2); //3

example2:传入函数作为参数，并可以链式调用

let students = [
    {name: 'Anna', grade: 6},
    {name: 'John', grade: 4},
    {name: 'Maria', grade: 9}
];

const isApproved = student=>student.grade>=6;
const byName = obj=>obj.name;

students.filter(isApproved);
// [ { name: 'Anna', grade: 6 }, { name: 'Maria', grade: 9 } ]
students.map(byName);
// [ 'Anna', 'John', 'Maria' ]

students.filter(isApproved).map(byName);
// ['Anna', 'Maria']

example3:Reduce

const totalGrades = students.reduce((sum, student) => sum + student.grade, 0);
//19

组合

通过组合两个或更多的函数生成一个新的函数。

• 组合两个函数生成一个新的函数

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

const toUpperCase = x=>x.toUpperCase();
const exclaim = x=>`${x}!`

const angry = compose(exclaim,toUpperCase);
angry("stop this");
//STOP THIS!

exclaim简单地给字符串末尾加了一个感叹号，toUpperCase则将字符串变为大写。
compose函数将这两个函数组合在一起，先执行toUpperCase函数，再执行exclaim函数。

• 组合三个函数生成一个新的

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

const toUpperCase = x => x.toUpperCase();
const exclaim = x => `${x}!`;
const moreExclaim = x => `${x}!!!!!`;

const reallyAngry = compose(exclaim, compose(toUpperCase, moreExclaim));
reallyAngry("stop this");
// STOP THIS!!!!!!

解构

const foo = () => [1, 2, 3];

const [a, b] = foo();
console.log(a, b);
// 1 2

const [a, ...b] = [1, 2, 3];
console.log(a, b);
// 1 [2, 3]

柯里化

一个函数有多个参数，只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。
以下是几个例子：

• 对象柯里化：

const student = name => grade => `Name: ${name} | Grade: ${grade}`;

student("Matt")(8); 
// Name: Matt | Grade: 8

第一次调用student返回的函数是：grade=>``Name: "Matt" | Grade: ${grade}，即相当于将第一个参数嵌入到当前函数中了，此次调用只需传入grade参数即可。

• 加法函数柯里化

const add = x=>y=>x+y;

const increment = add(1);
const addFive = add(5);

increment(3); //4
addFive(10); //15

都是相当于把第一个加数写死在函数中，第二次传入第二个参数。