数据的不可变性和可变性用代码举例

混血哲谈

于 2024-08-24 17:46:52 发布

阅读量843

点赞数 9

文章标签： zustand react

本文链接：https://blog.csdn.net/u010856177/article/details/141502608

版权

当然，我可以用一些简单的代码示例来说明数据的不可变性和可变性。这里我将使用JavaScript作为示例语言，因为它既支持可变数据类型（如对象和数组）也支持不可变数据类型（如数字和字符串，尽管字符串在JavaScript中是不可变的，但对象引用本身是可变的）。

可变性示例

在JavaScript中，对象和数组是可变数据类型。这意味着一旦你创建了一个对象或数组，你仍然可以修改它的属性或元素。

// 对象可变性的示例
let person = { name: "Alice", age: 30 };
console.log(person); // { name: "Alice", age: 30 }

// 修改对象的属性
person.age = 31;
console.log(person); // { name: "Alice", age: 31 }

// 数组可变性的示例
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // ["Apple", "Banana", "Cherry"]

// 修改数组的元素
fruits[1] = "Orange";
console.log(fruits); // ["Apple", "Orange", "Cherry"]

不可变性示例

在JavaScript中，数字和字符串是不可变数据类型。但是，当我们谈论对象的“不可变性”时，我们通常指的是对象的状态（即其属性）不应该被改变。为了模拟不可变性，我们可以使用Object.freeze()方法（尽管这只会阻止对象本身的属性被修改，而不会阻止嵌套对象的修改）。

对于真正的不可变性，我们可以使用纯函数和返回新对象的方式来模拟。

// 字符串的不可变性示例
let greeting = "Hello, world!";
// 尝试修改字符串（实际上会创建一个新字符串）
let modifiedGreeting = greeting.slice(0, 7) + "JavaScript";
console.log(greeting); // "Hello, world!"（未改变）
console.log(modifiedGreeting); // "Hello, JavaScript"（新字符串）

// 对象模拟不可变性的示例
let person = { name: "Alice", age: 30 };
Object.freeze(person); // 尝试冻结对象

// 尝试修改对象（将失败，但不会抛出错误）
// person.age = 31; // 如果取消注释，这将不会改变person.age，但也不会报错

// 使用纯函数和返回新对象来模拟不可变性
function updatePersonAge(person, newAge) {
  return { ...person, age: newAge }; // 浅拷贝并更新年龄
}

let updatedPerson = updatePersonAge(person, 31);
console.log(person); // { name: "Alice", age: 30 }（未改变）
console.log(updatedPerson); // { name: "Alice", age: 31 }（新对象）

请注意，Object.freeze()方法会阻止对象本身的属性被添加、删除或重新配置，但它不会递归地冻结对象的属性（如果属性的值是对象的话）。因此，如果你想要完全不可变的数据结构，你可能需要手动实现或使用像Immutable.js这样的库。

在上面的updatePersonAge函数中，我使用了ES6的展开运算符（...）来创建一个新对象，该对象包含原始对象的所有属性，但age属性被更新为新的值。这种方式是模拟不可变性的常用方法。

数据的不可变性（Immutability）是编程中的一个重要概念，它指的是一旦一个数据对象被创建，其状态（即包含的数据）就不能被改变。这与传统意义上的可变数据对象相对，后者在创建后其状态是可以被修改的。

如何理解数据的不可变性

不可变性的理解

状态不变：一旦一个不可变对象被创建，其内部状态（比如字段的值）就不能被改变。如果需要修改一个不可变对象，必须创建一个新的对象，该对象包含修改后的状态。
无副作用：由于不可变对象的状态不能被改变，因此任何操作这些对象的函数或方法都不会对原始对象产生副作用。这有助于减少错误和增加代码的可靠性。
线程安全：在多线程环境中，由于不可变对象的状态不能被改变，因此不需要担心并发修改的问题。这使得不可变对象成为多线程编程中的一个安全选择。
持久化缓存：由于不可变对象的状态是固定的，因此可以安全地缓存它们。这有助于提高性能，特别是在需要频繁访问相同数据的情况下。
函数式编程：不可变性与函数式编程范式紧密相关。在函数式编程中，数据被视为不可变的，函数不接受可变对象作为参数，也不返回可变对象。这有助于简化代码逻辑和避免潜在的错误。

不可变性的实现

在JavaScript等语言中，实现不可变性通常涉及以下几种方法：

使用原生不可变类型：如数字（Number）、字符串（String）和布尔值（Boolean），这些类型的值在创建后就不能被改变。
冻结对象：使用Object.freeze()方法可以冻结一个对象，使其变得不可变。但是，这只能防止对象本身的属性被添加、删除或重新配置，如果属性的值是对象，那么这些内部对象仍然可以是可变的。
使用库或框架：如Immutable.js（一个不可变数据集合库）或Immer（虽然Immer本身不直接提供不可变数据，但它允许你以可变的方式编写代码，并在背后生成不可变的状态）。
纯函数：编写不修改其输入并返回新值的纯函数，也是实现不可变性的一种方式。这要求函数在给定相同输入时总是返回相同的输出，并且不依赖于或修改其外部状态。