爲什麼使用withMutations會得到不同的結果？

Question

我誤解了它的目的或它的工作原理嗎？

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會更快，因爲操作的鏈接。

Answer 1

您誤會了withMutations。重點在於給你一個臨時的遊樂場，你可以在這裏實際改變列表而不是創建副本。

一個例子是：

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

在代碼中，您使用filter內withMutations。過濾器創建一個新的數組，並且不會修改原始數組，因此您的withMutations什麼都不做。

我想你會更好，因爲根本不使用withMutations。如果在某個時候您認爲「如果我可以修改陣列而不是複製副本，這會更容易」，您可以轉到withMutations。