函数式编程是一种编程范式,就是一些编程的原则。
常见的编程范式有命令式编程、逻辑式编程等等。
在函数式编程的世界中,函数是一等公民。
函数式编程的主要好处是没有副作用:即不依赖外部的状态也不修改外部的状态,函数调用的结果不依赖调用的时间和位置,这样写的代码容易进行推理,不容易出错。这使得单元测试和调试都更容易。
纯函数
纯函数:相同的输入总是输出相同的结果,它的执行不依赖于系统的状态等其他外部因素。
纯函数无副作用,仅仅依赖于函数的输入,并且当输入相同时输出保持一致。
下面这个函数就不是纯函数:
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
都是相当于把第一个加数写死在函数中,第二次传入第二个参数。