函数式编程对话 - 第一章：数据不可变

前端

2023-11-28 02:11:20

引言

函数式编程是一种以数学函数为基础的编程范式，它强调数据不可变性、纯净函数和递归。对于习惯了命令式编程的前端工程师来说，理解数据不可变性可能颇具挑战。因此，本文将通过对话的形式，深入探讨函数式编程中的数据不可变性，帮助前端工程师轻松入门。

学生：方，我理解不了数据不可变。

方：正常，我在学 Haskell 之前也理解不了。

学生：那用 JavaScript 能解释吗？

方：也不一定非得是 Haskell，任何一门「支持函数式」且推崇「数据不可变」的编程语言都可以。

学生：哦，那用 JavaScript 行吗？

方：可以这么说，至少我无法用 JS 来讲解函数式，可能是我水平不够。

学生：不是这样的。

方：H…

学生：说真的，用 JS 也能理解函数式编程。

方：好吧，那就用 JavaScript 试一试。

代码示例：

// ES5
const originalArray = [1, 2, 3];
const newArray = originalArray.concat([4, 5]);

console.log(originalArray); // [1, 2, 3]
console.log(newArray); // [1, 2, 3, 4, 5]

在这个示例中，originalArray 是不可变的，这意味着 concat 方法不会改变它。相反，它返回一个新的数组 newArray，其中包含原始数组和新元素。

学生：我明白了，数据不可变就是不允许改变原始数据。

方：是的，在函数式编程中，数据是不可变的，这意味着一旦创建，就不能再更改。

学生：那为什么要这样做？

方：数据不可变性有很多好处：

可预测性： 由于数据不可变，我们可以确信函数不会改变它们。这使得调试和推理代码变得更容易。
并发安全性： 在多线程环境中，数据不可变性可以防止数据竞争和意外修改。
可组合性： 函数式编程鼓励使用纯净函数，这些函数不会产生副作用或修改状态。这使得函数可以轻松组合，创建更复杂的程序。

学生：听起来很有道理。

方：现在，我们尝试一个更复杂的示例。

// ES6
const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(n => n * 2);

console.log(numbers); // [1, 2, 3]
console.log(doubledNumbers); // [2, 4, 6]