尝试重构此代码以仅使用不可变结构

Question

我是函数式编程的学生。我仍在让自己摆脱旧的可变突变习惯。但有时我会卡住。好的，那么问题来了——假设我们有以下闭包

const bookShelf = () => {
  let books = []
  const listBooks = () => books
  const addBook = (book) => {
    books = books.concat(book)
    return function removeBook() { books = books.filter( b => b !== book ) }
  }
  return {addBook,listBooks}
}

const { addBook, listBooks } = bookShelf()
const removeMobyDick = addBook('Moby Dick')
const removeWalden = addBook('Walden')
removeWalden()
console.log(listBooks()) // ["Moby Dick"]

请注意，我有一个发生变异的对象：书籍。

我的问题是，我怎样才能重构这段代码，使书籍是不可变的，但我达到了相同的最终结果。如果需要，请随意使用像 Ramda 这样的函数库。我在这里的天真想法是以某种方式使用递归来传递书籍的新值，然后将该版本传递回去。似乎有点过头了，所以我想向这个领域更博学的人寻求帮助。

感谢您的洞察力！

Answer 1

只需在您的bookshelf 中保留book 常量即可。这当然需要每次都创建一个新的bookshelf，所以最简单的方法是让books成为函数的参数：

function bookShelf(books) {
  return {
    listBooks() { return books },
    addBook(book) { return bookShelf(books.concat([book])); }
  }
}

const empty = bookShelf([]);
const shelfWithMobyDick = empty.addBook('Moby Dick');
const shelfWithMobyDickAndWalden = shelfWithMobyDick.addBook('Walden');
console.log(shelfWithMobyDick.listBooks());

如您所见，不需要 removeBook 函数 - 您只需使用尚未包含该书的旧值。

如果您希望能够从任意书架中移除刚刚添加的书籍，您还可以返回新书架和移除器函数：

    …,
    addBook(book) {
      return {
        bookShelf: bookShelf(books.concat([book]));
        removeThis(shelf) { return bookShelf(shelf.listBooks().filter(b => b !== book)); }
      };
    }

用作

const empty = bookShelf([]);
const {bookShelf: shelfWithMobyDick, removeThis: removeMobyDick} = empty.addBook('Moby Dick');
const {bookShelf: shelfWithMobyDickAndWalden, removeThis: removeWalden} = shelfWithMobyDick.addBook('Walden');
const shelfWithWalden = removeMobyDick(shelfWithMobyDickAndWalden);
console.log(shelfWithWalden.listBooks());

Answer 2

书架类型在这里似乎并没有真正完成任何事情，所以让我们将其设为列表（数组）。

let bookshelf = [];

现在看起来您想要一种方法来生成包含新项目的列表以及从列表中删除该项目的方法。有点奇怪，但您可以通过在元组（数组）中返回两者来做到这一点：

const remove = (list, value) =>
    list.filter(x => x !== value);

const addRemovable = (list, value) =>
    [[...list, value], list => remove(list, value)];


let bookshelf = [];
let removeMobyDick;
let removeWalden;

[bookshelf, removeMobyDick] = addRemovable(bookshelf, 'Moby Dick');
[bookshelf, removeWalden] = addRemovable(bookshelf, 'Walden');

bookshelf = removeWalden(bookshelf);

console.log(bookshelf);

这看起来不太好，你可能不想写类似的东西，但它确实和你原来的东西一样。