Question

我正在关注Redux tutorial series。 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());

我知道它遍历了侦听器数组中的所有元素。将每个元素传递给箭头函数。

但这是做什么的呢 listener（）

Answer 1

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

从Scratch实现Redux Store

1 个答案: