函数式编程的理解?优缺点?

主要的编程范式

有三种:

  • 命令式编程
  • 声明式编程
  • 函数式编程

函数式编程

简单来讲,就是要把过程逻辑写成函数,定义好输入参数,只关心它的输出结果。 即是一种描述集合和集合之间的转换关系,输入通过函数都会返回有且只有一个输出值。

函数式编程是一种强调以函数为主的软件开发风格。通过组合纯函数避免共享状态、可变作用和副作用来构建软件的过程。

目的:使用函数来抽象作用在数据之上的控制流和操作,从而在系统中消除副作用并减少对状态的改变。

纯函数

函数式编程旨在尽可能的提高代码的无状态性不变性 。要做到这一点,就要学会使用无副作用 的函数,也就是纯函数

纯函数是对给定的输入返还相同输出的函数,并且要求你所有的数据都是不可变的,即纯函数=无状态 +数据不可变

特性:

  • 函数内部传入指定的值,就会返回确定唯一的值
  • 不会造成超出作用域的变化,例如修改全局变量或引用传递的参数

优势:

  • 使用纯函数,我们可以产生可测试的代码
  • 不依赖外部环境计算,不会产生副作用,提高函数的复用性
  • 可读性更强,函数不管是否是纯函数 都会有一个语义化的名称,更便于阅读
  • 可以组装成复杂任务的可能性。符合模块化概念及单一职责原则

高阶函数

高级函数,就是以函数作为输入或者输出的函数被称为高阶函数 通过高阶函数抽象过程,注重结果。如下面例子

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中为了实现对象状态的不可变,往往会创建新的对象,因此,它对垃圾回收所产 生的压力远远超过其他编程方式
  • 递归陷阱:在函数式编程中,为了实现迭代,通常会采用递归操作
相关推荐
慌糖23 分钟前
Vue组件化
前端·javascript·vue.js
前端snow1 小时前
用cursor写一个微信小程序-购物网站实操
前端·javascript·后端
书语时1 小时前
ES6 深克隆与浅克隆详解:原理、实现与应用场景
前端·javascript·es6
江城开朗的豌豆3 小时前
JavaScript篇:构造函数 vs Class:谁才是对象创建的王者?
前端·javascript·面试
江城开朗的豌豆3 小时前
JavaScript篇:数组找不同:如何快速找出两个数组间的'单身狗'元素?
前端·javascript·面试
几道之旅3 小时前
python-pptx去除形状默认的阴影
开发语言·javascript·python
不吃鱼的羊3 小时前
ISOLAR软件生成报错处理(七)
java·前端·javascript
TE-茶叶蛋3 小时前
React-props
前端·javascript·react.js
安分小尧3 小时前
[特殊字符] 超强 Web React版 PDF 阅读器!支持分页、缩放、旋转、全屏、懒加载、缩略图!
前端·javascript·react.js
EndingCoder4 小时前
React从基础入门到高级实战:React 高级主题 - React Concurrent 特性:深入探索与实践指南
前端·javascript·react.js·前端框架