不可变方法在 lodash fp 中如何工作？

Question

我想了解 lodash/fp 的不可变方法是如何工作的。

他们是否在更改集合之前深度克隆集合，或者是否在对象的两个版本之间实现某种结构共享？

我试图“从外部”理解它，但无法得出明确的结论。

在下面的第一种情况下，更改更新的集合不会影响原始集合。

然而，在第二种情况下，改变更新的集合确实会影响原始集合。

var fp = _.noConflict();

var data = { a: { c: {} } };

var updatedData = fp.set(["a", "c", "d"], 5, data);

updatedData.a.c.e = 9;

console.log(updatedData.a.c.e, data.a.c.e);

var data2 = { a: { c: [] } };

var updatedData2 = fp.set(["a", "d"], 5, data2);

updatedData2.a.c[0] = 9;

console.log(updatedData2.a.c[0], data2.a.c[0]);

<script src='https://cdn.jsdelivr.net/g/lodash@4.17(lodash.min.js+lodash.fp.min.js)'></script>

我还在Lodash github上发布了这个问题。

Answer 1

他们是否在更改集合之前深度克隆集合，或者是否在对象的两个版本之间实现某种结构共享？是的，他们使用结构共享。我们可以在这个例子中看到该c对象被重用，而不是克隆。这很有用，因为它的大小可能非常大（在我的例子中它包含整个window对象！）。您可以想象尝试深度克隆它会浪费资源。var fp = _.noConflict()var data, updatedDatadata = { a: { c: { window: window } } }updatedData = fp.set(["a", "d"], 5, data)console.log(updatedData.a.c === data.a.c)<script src='https://cdn.jsdelivr.net/g/lodash@4.17(lodash.min.js+lodash.fp.min.js)'></script>只有“父”对象被更改，因此必须克隆它们。不属于突变一部分的叶子不需要改变。在您的示例中，它出错的原因是因为您组合了不可变和可变代码，这不是一个好主意。如果您改变了预期不可变的代码，这些克隆优化显然会出错。