從頭開始實施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()調用它們。