Redux Store 设计考虑：传值还是传引用？
Redux 是一个广泛使用的 JavaScript 状态管理库，旨在协助应用程序进行状态管理。Redux 中心思想是 "单一数据源"，通过 Redux Store 存储应用程序状态，并使用纯函数操作器更改状态。在设计 Redux Store 时，一个常见的问题是：应该使用传值（值类型）还是传引用（引用类型）？本文将探讨 Redux Store 的设计考虑，并提供了一些指导意义和示例代码，以帮助您在选择合适的方案时做出明智的决策。
传值或传引用：在 Redux Store 设计中的选择
可能最常见的方法是使用传引用（引用类型）存储应用程序状态。这意味着 Redux Store 中的状态本质上是对象，并且在创建新状态时，只对其进行浅层复制，因此状态对象在 Redux Store 中始终保持引用链接。这意味着在更新对象属性时，Redux Store 中的整个状态对象也将更新。
当然，这种方法有几个潜在的缺点。首先，由于复制是非常浅的，因此还可能会存在对象的级联更新问题。其次，如果状态对象太大，将导致内存占用增加。最后，这种方法并不是完美的，因为您需要确保对任何要更改的状态对象进行完全复制，以避免问题。
另一种选择是使用传值（值类型）来存储应用程序状态。这意味着在创建新状态时，会完全复制状态，这意味着在更新状态时不会出现任何级联更新或内存问题。但是，这种方法也有缺点，即每个操作都需要创建代表新状态的新对象，这可能会对性能产生不利影响。
综上所述，传值（值类型）和传引用（引用类型）方法各有利弊，因此需要根据您的具体情况进行权衡。但是，Redux Store 通常还是使用传引用（引用类型），因为这样可以在新状态对象中快速复制现有对象的大部分属性。
Redux Store 设计的核心考虑
无论您选择传值或传引用方法，以下考虑都应该在设计 Redux Store 时考虑：
不可变性:
与原始应用程序状态不同，Redux store 存储的状态是不可变的，这意味着状态对象不能被改变，反而必须通过 dispatch 新的操作并返回新的状态对象。这种不可变性极其重要，因为它可以确保 Redux 操作和内部函数的纯函数性质。此外，由于不可变性，状态对象的精确值（以及如何在各个部分之间传递它）以及您的代码行为都将变得更加可预测。这就是为什么在设计 Redux Store 时，无论你选择哪种方案，都应该保证状态对象不可变。
单一数据源
Redux Store 的另一个重要考虑因素是它的数据必须是来源于单一数据源的。这意味着任何操作只能影响 Store 的一小部分，而不能影响多个部分。 直接修改 Store 可能会导致状态不一致，并带来更难调试的问题。使用单一数据源也可以使您的代码变得更容易维护，简化代码同时提高可读性。
纯函数
有一点在 Redux Store 中尤为重要是使用纯函数操作器。Redux 操作器是指响应 action 中的派发方法的 functions。Redux 鼓励使所有操作器成为纯函数。这意味着 reducer 函数必须是可预测且无副作用的，依赖于其输入的函数。
传值或传引用：哪种方法更好？
选择传值或传引用方式取决于您的具体情况。需要注意的是，传值更可靠，因为它避免了状态对象或属性级联更新等问题。但是，这种方法也有明显的缺点，即性能可能会受到影响。
如果你的状态对象比较简单，因此您希望更清晰地跟踪您的值，则使用传值方式。另一方面，如果您的状态对象比较复杂，您可能更愿意使用引用类型将其存储在 Redux Store 中。
最佳实践是在选择传值或传引用方法时权衡重要的因素，因为这取决于您的具体情况。下面是一个示例，以帮助您了解传值和传引用方法的差异：
-- -------------------- ---- ------- -- ----- --- --------------- -------- ----- ------------ - -- --- -------- - ------------- ----------- -- ------------ ------- --------- -- ----- ---------------------- -------- ----- ------------- - - ------ - -- ----- --------- - -------------- ------------------ -- ------------- -- ---- ------- -- - ------ - -
在第一个示例中（使用传值方式），我们只是将 initialCount 的值复制到 newCount 中，然后修改了 newCount 的值。因此，initialCount 的值不受影响。
在第二个示例中（使用传引用方式），我们创建了一个名为 initialValues 的新对象，它包含一个称为 count 的属性，其默认值为 5。然后，我们将 newValues 设置为 initialValues。由于 initialValues 和 newValues 都引用了同一个存储在 Redux Store 中的对象，因此修改 newValues.count 的值将同时修改 initialValues.count 的值。
总结
Redux Store 的设计是一个复杂的任务，您需要综合考虑功能、性能和代码维护和阅读性等方面的因素，以做出最佳的决策。无论你是选择传值还是传引用方法，都需要确保Redux的基本思想能够得到很好的实现——单数据源，不可变性和纯函数的操作器。在进行选择时，您应该注意所选方法的缺点，并根据您的特定要求以及应用程序的规模和性能需求，进行仔细的考虑和分析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647bf20f968c7c53b07313c9