Implementieren Redux Store von Scratch

Question

Ich folge einem Redux tutorial series. Dan Abramov zeigt, wie man einen Redux-Store von Grund auf neu erstellt. Hier ist das Stück Code

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}; 
} 

Die folgende Zeile in der Dispatch-Funktion ist, was ich bin verwirrt über,

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

Ich weiß, dass es durch alle Elemente in den Hörer Array iteriert & verläuft jedes Element zur Pfeilfunktion.

Aber was bedeutet dies Zuhörer tun()

Answer 1

listeners ist ein Array von Funktionen so listeners.forEach(listener => listener()); iteriert durch die Listener-Funktionen und ruft sie mit listener().