JavaScript中的函数式编程实例分析

发布时间：2023-02-25 10:45:34 作者：iii
来源：亿速云阅读：85

这篇文章主要介绍“JavaScript中的函数式编程实例分析”，在日常操作中，相信很多人在JavaScript中的函数式编程实例分析问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JavaScript中的函数式编程实例分析”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

分析

函数式编程核心规范就是：拥抱纯函数，隔离副作用。

因此要弄清楚函数式编程的规范，就需要弄懂纯函数和副作用概念和作用。

我们先来看一下各自的概念：

纯函数：就是一个函数，但它需要满足以下两个特征：

相同的输入参数，总会有相同的输出
在执行过程中不会产生语义上可观察的副作用

副作用：函数副作用指当调用函数时，除了返回函数值之外，还对主调用函数产生附加的影响。

纯函数的理解依赖副作用，因此不会分开去理解，本篇具体内容结构：

理解纯函数
纯函数的作用
如何对待副作用

理解纯函数

下面我们从纯函数的两个特征来理解。

相同的输入参数，总会有相同的输出

比如：

function add(a, b) {
    return a + b
}

add(1, 2); // 3

执行 add 函数，不管执行多少次，不管在 JavaScript 上下文哪里执行，相同的参数传递进去后，总会返回相同的输出，且不会对外界造成影响，是一个纯函数。

如果改成这样：

let c = 1;

function add(a, b) {
    return a + b + c;
}

add(1, 2); // 4
c = 5;
add(1, 2); // 8

这时候 add 调用了两次，传递进去的参数没有变化，但返回结果却不相同，它受到了外界变量的干扰，不属于纯函数。

因此，可以推断出要想相同的输入参数，总会有相同的输出，函数内部不能使用函数外部的变量，但不可变的常量是可以的，比如在使用 redux时，定义 reducer 的 action 常常就会使用常量来定义。

相同的输入参数，总会有相同的输出可以保证我们程序的稳定性，返回结果不受外界影响。

在执行过程中不会产生语义上可观察的副作用

比如：

function add(a, b) {
    const result = a + b;
    console.log(result);
    return result;
}
add(1, 2); // 3

上面的 add 函数添加了 console.log 把结果打印到了浏览器的控制台，属于对外界造成了影响，产生了 副作用。

再比如一个请求接口的函数：

async function getList(url) {
    const result = await fetch(url);
    return result;
}

内部调用了请求函数 fetch ，fetch 函数执行后返回的内容并不能保证每一次都一样，受到了网络和服务器等原因的影响。因此，fetch 函数本身就不是一个纯函数，getList 受到其影响，也变得不纯了。

因此，如果一个主函数内部调用了不纯函数，不纯的原因还是对主函数外部产生了副作用或者收到了影响，那么这个函数就不是纯函数。

纯函数的作用

纯函数的两大特征，合起来可以这样看：不受外界影响，不影响外界。也就是它可以解决程序中不确定性的问题。

不确定性的危害

以测试过程为例：单元测试的主要判断的依据就是函数的输入和输出。如果对于同样的输入，函数不能够给到确定的输出，那就很难进行测试了。

不确定性还会导致我们的程序中出现各种风险，比如：

代码难以被调试
数据变化难以被追溯
计算结果难以被复用（代码难以封装）
程序运行中容易出现各种突发性的事件

确定性的好处

确定性的函数让我们的程序更加有保障，也能解决很多实际性的问题，比如：

代码逻辑更加清晰。
更容易进行测试，结果只依赖输入，测试时可以确保输出稳定。
更容易维护和重构，我们可以写出质量更高的代码。
更容易调用，我们不用担心函数会有什么副作用。
结果可以缓存，因为相同的输入总是会得到相同的输出。
代码复用性强，提升开发者的编码效率。

如何对待副作用

解决副作用等于解决了影响外界的问题和部分不受外界影响的问题。因此消除副作用，足以解决函数中大多数的不确定性问题。

但对于一个完整的程序来说，副作用却至关重要，没有副作用，程序就不能和外界沟通，就不能产生对外界的作用，这样程序本身就没有了意义和价值。

因此我们要做的不是消除副作用，而是拥抱纯函数，隔离副作用。将计算逻辑与副作用做合理的分层解耦，从而提升我们的编码质量和执行效率。

到此，关于“JavaScript中的函数式编程实例分析”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！