为什么使用withMutations会得到不同的结果?

时间:2015-02-06 08:29:04

标签: javascript immutable.js

我是否误解了它的目的或工作原理?

var menuItems = Immutable.List.of(
  { parent_id: 0, id: 1 },
  { parent_id: 1, id: 2 },
  { parent_id: 1, id: 3 }
);

var results1 = menuItems
  .filter(function(menuItem) { return menuItem.parent_id === 1; }) // Filter out items with parent_id = 1
  .sort(function(childA, childB) { return childA.sort_order - childB.sort_order; }); // Sort them by sort_order

var results2 = menuItems.withMutations(function(list) {
  list
    .filter(function(menuItem) { return menuItem.parent_id === 1; }) // Filter out items with parent_id = 1
    .sort(function(childA, childB) { return childA.sort_order - childB.sort_order; }); // Sort them by sort_order
});

console.log(results1.size); // 2
console.log(results2.size); // 3

我的理解是他们会产生相同的结果,但由于操作的链接,withMutations会更快。

1 个答案:

答案 0 :(得分:4)

您误解了withMutations。它的目的是为您提供一个临时操场,您可以在其中实际更改列表而不是创建副本。

一个例子是:

var results2 = menuItems.withMutations(function(list) {
  list.shift()
});

在您的代码中,您使用withMutations内的filter。过滤器会创建一个新数组,但不会修改原始数组,因此withMutations不执行任何操作。

我认为你最好不要使用withMutations。如果在某些时候你认为如果我可以修改数组而不是复制#34;这会更容易,你可以转向withMutations