javascript - listener() 在 Redux store 中做了什么？

Question

我正在 Egghead 上观看 Dan Abramov 的 Redux 视频。在他从头开始实现 Redux Store 的视频中，他包含了这段代码(大约 1:28 - https://egghead.io/lessons/javascript-redux-implementing-store-from-scratch ):

const dispatch = (action) => {
  state = reducer(state, action);
  listeners.forEach(listener => listener());
};

因此这段代码遍历了监听器数组中的每一项，我知道每个监听器都需要更新，但我不明白 listener() 在做什么。这个函数从哪里来？

Answer 1

createStore 方法有 listeners 变量。它是一个函数数组，应该在商店更新时调用。你可以通过store的subscribe方法将自己的函数添加到listeners中。

例如:

const store = createStore(reducer);
store.subscribe(state => console.log(state)); // add function into listeners
store.dispatch(action);

console.log 的函数将在状态改变后被调用。