js函数式编程
来源:互联网 发布:苹果mac自有办公软件 编辑:程序博客网 时间:2024/06/02 05:06
函数式编程是一种编程范式,就是一些编程的原则。
常见的编程范式有命令式编程、逻辑式编程等等。
在函数式编程的世界中,函数是一等公民。
函数式编程的主要好处是没有副作用:即不依赖外部的状态也不修改外部的状态,函数调用的结果不依赖调用的时间和位置,这样写的代码容易进行推理,不容易出错。这使得单元测试和调试都更容易。
纯函数
纯函数:相同的输入总是输出相同的结果,它的执行不依赖于系统的状态等其他外部因素。
纯函数无副作用,仅仅依赖于函数的输入,并且当输入相同时输出保持一致。
下面这个函数就不是纯函数:
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); //4addFive(10); //15
都是相当于把第一个加数写死在函数中,第二次传入第二个参数。
阅读全文
0 0
- JS函数式编程
- js函数式编程
- JS函数式编程
- js函数式编程
- 函数式编程----stream.js
- js 函数式编程 浅谈
- js高级函数式编程
- js之函数式编程
- Js高级函数式编程
- js中的函数式编程
- 【js】JavaScript与函数式编程
- JS函数式编程(1)
- JS函数式编程基础(FP)
- 实战函数式编程:使用Ramda.js
- javascript函数式编程库-underscore.js
- 【js学习笔记-050】--js的函数式编程
- JS函数式编程【译】4.4 函数式响应式编程
- js闭包和函数式编程文章收藏
- Knuth-Morris-Pratt Algorithm
- ssh使用加密方式
- <mvc:annotation-driven/>
- manacher算法 洛谷3805 manacher
- 面试总结
- js函数式编程
- java编程中遇到的时区与时间问题总结
- HDU
- C语言排序之堆排序篇
- Qt Creator使用
- 105. Construct Binary Tree from Preorder and Inorder Traversal
- 将数据库中的数据导入Solr索引库
- (十五)PathMeasure
- CT图之cnn