ES6/Redux: restituisce una funzione per rimuovere l'ascoltatore di eventi

Question

Sto osservando il tutorial di Dan Abramov su Redwood su Egghead, e lui fa qualcosa di cui sono un po 'confuso. Come esercizio di apprendimento, gli spettatori hanno ricostruito l'astrazione createStore. Un metodo createStore fornisce è subscribe, che consente ai listener di ascoltare le modifiche degli archivi.

Poi dice:

C'è un importante pezzo mancante qui. Non abbiamo fornito un modo per annullare l'iscrizione a un ascoltatore. Anziché aggiungere un metodo di annullamento sottoscrizione dedicato, verrà semplicemente restituita una funzione dal metodo Sottoscrivi che rimuove questo listener dall'array degli ascoltatori.

Così il codice che usa per aggiungere/rimuovere l'ascoltatore è:

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

I sorta di capire che questo consente di utilizzare una funzione sia per aggiungere/rimuovere, e che questo è possibile perché se si passa al metodo subscribe il nome di un listener già sottoscritto, il filtro lo rimuoverà, lo faccio non per capire perché questo restituisce una funzione di freccia piuttosto che un array di listener. Come/quando verrebbe invocata questa funzione restituita?

Answer 1

Come/quando verrebbe richiamata questa funzione restituita?

Questa funzione viene richiamata quando il listener deve essere rimosso. Quando esattamente ciò dovrebbe accadere dipende dall'app.

Invocazione è semplice:

const remove = subscribe(myListener); 
// later: 
remove(); 

Non capisco perché questo restituisce una funzione freccia piuttosto che una serie di ascoltatori.

Ciò consentirebbe a qualsiasi abbonato di pasticciare con l'array di ascoltatori, o impone a ciascun abbonato di implementare la stessa logica di annullamento dell'iscrizione.