主要的编程范式
有三种:
- 命令式编程
- 声明式编程
- 函数式编程
函数式编程
简单来讲,就是要把过程逻辑写成函数,定义好输入参数,只关心它的输出结果。 即是一种描述集合和集合之间的转换关系,输入通过函数都会返回有且只有一个输出值。
函数式编程是一种强调以函数为主的软件开发风格。通过组合纯函数 ,避免共享状态、可变作用和副作用来构建软件的过程。
目的:使用函数来抽象作用在数据之上的控制流和操作,从而在系统中消除副作用并减少对状态的改变。
纯函数
函数式编程旨在尽可能的提高代码的无状态性 和不变性 。要做到这一点,就要学会使用无副作用 的函数,也就是纯函数
。
纯函数是对给定的输入返还相同输出的函数,并且要求你所有的数据都是不可变的,即纯函数=无状态 +数据不可变
。
特性:
- 函数内部传入指定的值,就会返回确定唯一的值
- 不会造成超出作用域的变化,例如修改全局变量或引用传递的参数
优势:
- 使用纯函数,我们可以产生可测试的代码
- 不依赖外部环境计算,不会产生副作用,提高函数的复用性
- 可读性更强,函数不管是否是纯函数 都会有一个语义化的名称,更便于阅读
- 可以组装成复杂任务的可能性。符合模块化概念及单一职责原则
高阶函数
高级函数,就是以函数作为输入或者输出的函数被称为高阶函数 通过高阶函数抽象过程,注重结果。如下面例子
ini
const forEach = function(arr,fn){
for(let i=0;i<arr.length;i++){
fn(arr[i]);
}
}
let arr = [1,2,3];
forEach(arr,(item)=>{
console.log(item);
})
上面通过高阶函数 forEach 来抽象循环如何做的逻辑,直接关注做了什么 高阶函数存在缓存的特性,主要是利用闭包作用
ini
const once = (fn)=>{
let done = false;
return function(){
if(!done){
fn.apply(this,fn);
}else{
console.log("该函数已经执行");
}
done = true;
}
}
柯里化
柯里化是把一个多参数函数转化成一个嵌套的一元函数的过程
一个二元函数如下:
ini
let fn = (x, y) =>x+y;
转化成柯里化函数如下:
javascript
const curry = function(fn)f
return function(x){
return function(v){
return fn(x, y) ;
}
}
}
let myfn = curry(fn)
console.log(mvfn(1)(2))
上面的curry 函数只能处理二元情况,下面再来实现一个实现多参数的情况
scss
// 多参数柯里化
const curry = function(fn){
return function curriedFn(...args){
if(args.length<fn.length){
return function(){
return curriedFn(...args.concat([...arguments]));
}
}
return fn(...args);
}
}
const fn = (x,y,z,a)=>x+y+z+a;
const myfn = curry(fn);
console.log(myfn(1)(2)(3)(1));
关于柯里化函数的意义如下:
- 让纯函数更纯,每次接受一个参数,松散解耦
- 惰性执行
优缺点
优点:
- 更好的管理状态:因为它的宗旨是无状态,或者说更少的状态,能最大化的减少这些未知、优化代 码、减少出错情况
- 更简单的复用:固定输入一>固定输出,没有其他外部变量影响,并且无副作用。这样代码复用时 完全不需要考虑它的内部实现和外部影响
- 更优雅的组合:往大的说,网页是由各个组件组成的。往小的说,一个函数也可能是由多个小函数 组成的。更强的复用性,带来更强大的组合性
- 隐性好处。减少代码量,提高维护性
缺点:
- 性能:函数式编程相对于指令式编程,性能绝对是一个短板,因为它往往会对一个方法进行过度包 装,从而产生上下文切换的性能开销
- 资源占用:在JS中为了实现对象状态的不可变,往往会创建新的对象,因此,它对垃圾回收所产 生的压力远远超过其他编程方式
- 递归陷阱:在函数式编程中,为了实现迭代,通常会采用递归操作