从头开始实施Redux Store

Question

我正在关注Redux 教程系列 。 Dan Abramov在其中展示了如何从头开始创建Redux存储。 这是一段代码

const createStore = (reducer) => {
 let state;
 let listeners = [];

 const getState = () => state;

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

 const subscribe = (listener) => {
   listeners.push(listener);
   return () => {
     listeners = listeners.filter(l => l !== listener());
   };
 };

 dispatch({});

 return {getState, dispatch, subscribe};
}

派遣函数中的以下行是我感到困惑的地方，

listeners.forEach(listener => listener());

我知道它会遍历listeners数组中的所有元素，并将每个元素传递给arrow函数。

但这是做什么的listener（）

Answer 1

listeners是一组函数，因此listeners.forEach(listener => listener()); 遍历侦听器函数，并使用listener()调用它们。