函数式 JS #3: 状态的管理

2023-12-31 18:51:50







**函数式 JS #3: 状态的管理** 

在上一篇文章中，我们探讨了函数式编程的一些术语，诸如高阶函数、一等公民函数和纯函数等。现在，让我们来看看如何使用它们。我们会了解如何使用纯函数来帮助我们避免与状态管理相关的 Bug。您还将了解（最好是理解）一些新术语：副作用、不变性……

**状态和副作用** 

在计算机科学中，“状态”是指程序中某一时刻的数据。它可以是变量的值、对象的状态或文件系统中的内容。当一个函数改变程序的状态时，我们称之为具有“副作用”。

副作用并不是固有的坏事。事实上，它们对于编写某些类型的程序是必要的。但是，副作用会使我们的代码难以推理和调试。例如，考虑以下代码：

```javascript
let counter = 0;

function incrementCounter() {
  counter++;
}

incrementCounter();

console.log(counter); // 1

这段代码有一个副作用，它改变了 counter 变量的值。这使得难以推理程序的行为，因为我们必须记住 counter 的值在函数调用之前和之后是什么。

纯函数

纯函数没有副作用。这意味着它们不会改变程序的状态，并且总是针对相同的输入返回相同的值。例如，以下函数是纯函数：

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

console.log(add(1, 2)); // 3

这个函数不会改变程序的状态，并且总是返回两个输入的和。这使得更容易推理它的行为。

不变性

不变性是指程序中某个属性始终为真。例如，以下程序具有不变性：

const numbers = [1, 2, 3];

function removeFirstNumber(numbers) {
  return numbers.slice(1);
}

const newNumbers = removeFirstNumber(numbers);

console.log(newNumbers); // [2, 3]
console.log(numbers); // [1, 2, 3]