Un'introduzione alla programmazione basata sugli eventi in Node.js

Punti chiave

• La programmazione basata sugli eventi è una buona scelta per le app interattive, in particolare le app GUI, poiché consente al codice di rispondere alle azioni dell'utente in qualsiasi ordine.
• La programmazione basata sugli eventi viene comunemente utilizzata nelle app Web, dove gli ascoltatori di eventi si attivano quando gli utenti interagiscono con il DOM.
• Implementare la programmazione basata sugli eventi in Node.js è semplice con la classe EventEmitter, che ti consente di creare eventi personalizzati e collegare ascoltatori di eventi per gestirli.

Quando si crea un'applicazione software, una decisione cruciale riguarda la selezione del paradigma appropriato per il codice.

La programmazione basata sugli eventi è una buona scelta per le app interattive che rispondono alle azioni dell'utente che possono verificarsi in qualsiasi ordine. È un paradigma più popolare con le app GUI che con i programmi a riga di comando o il codice di sistemi incorporati.

Cosa sono gli eventi?

Puoi considerare un evento come un'azione o un evento che il tuo codice può riconoscere e a cui può rispondere. Il sistema o un utente possono attivare un evento e il codice solitamente registrerà una funzione per gestirlo.

Un esempio di un evento semplice è fare clic su un pulsante per eseguire un'azione particolare. L'atto di fare clic sul pulsante attiva un evento e la funzione che viene eseguita quando si verifica il clic viene chiamata the ascoltatore di eventi (o gestore).

Che cos'è la programmazione guidata dagli eventi?

La programmazione guidata dagli eventi è a paradigma di programmazione in cui il flusso di esecuzione di un'applicazione dipende da eventi che si verificano anziché essere strettamente sequenziali.

Questo paradigma viene utilizzato principalmente durante la creazione di interfacce utente e applicazioni in tempo reale, dove un evento come l'azione di un utente dovrebbe innescare un'azione nel sistema.

Il paradigma è molto popolare quando si creano app Web, in cui gli ascoltatori di eventi si attivano quando gli utenti interagiscono con il modello oggetto documento (DOM).

L'immagine seguente mostra come funziona il flusso nella programmazione basata sugli eventi. Quando si verifica un evento, il canale degli eventi lo riceve e lo trasmette al listener appropriato per gestirlo:

Programmazione guidata dagli eventi in Node.js

IL Ciclo di eventi JavaScript è uno dei concetti fondamentali alla base della natura asincrona del runtime Node.js. Un'architettura basata sugli eventi utilizza il suo built-in EventEmitter modulo per facilitare il flusso di esecuzione senza soluzione di continuità.

Con la programmazione basata sugli eventi, Node.js ti consente di creare applicazioni lato server in grado di gestire l'interazione dell'utente, le operazioni di I/O e l'elaborazione dei dati in tempo reale. Ciò avviene in modo non bloccante, con conseguente miglioramento delle prestazioni e un'esperienza più fluida per l'utente.

Implementare la programmazione basata sugli eventi in Node.js è semplice quando si comprendono le nozioni di base sulla definizione, l'attivazione e la gestione degli eventi.

La classe EventEmitter

Con il EventEmitter class in Node.js, puoi creare eventi personalizzati e collegare listener di eventi per gestirli. Per utilizzare la classe nel tuo codice, importala dal file eventi modulo in questo modo:

// CommonJS
const { EventEmitter } = require("events")
// ES6
import { EventEmitter } from"events"

La classe e le relative funzioni membro saranno quindi disponibili per l'uso nell'applicazione. Per iniziare a emettere e gestire eventi, inizializza una nuova istanza di EventEmitter classe.

Per esempio:

const FoodEvents = new EventEmitter()

Questo crea un nuovo oggetto emettitore chiamato Eventi gastronomici che può emettere eventi e registrare ascoltatori. La classe EventEmmitter fornisce tre metodi per ascoltare un evento: SU, aggiungiascoltatore, E una volta.

IL SU Il metodo è la funzione più semplice per aggiungere ascoltatori di eventi e aggiungiListener funziona esattamente allo stesso modo. Entrambi accettano il nome dell'evento e una funzione di callback come argomenti. Il callback è la funzione effettiva del gestore. Puoi usare SU E aggiungiListener intercambiabile.

Ecco come gestisci un evento utilizzando il file SU metodo:

FoodEvents.on("cookie_ready", (data) => {
console.log("Cookie ready for packaging, data received: ", data);
})

Utilizzando aggiungiListener come alternativa diretta a SU:

FoodEvents.addListener("cookie_ready", (data) => {
console.log(
"Cookie will now be packaged and sent out, data received: ",
 data
 );
})

Entrambi questi esempi aggiungeranno la richiamata all'array di ascoltatori di eventi per cookie_pronto evento. Se li usi entrambi, i loro callback verranno attivati ​​in ordine.

IL una volta Il metodo registra un listener di eventi monouso che viene eseguito la prossima volta che si attiva l'evento. Successivamente, il sistema lo rimuoverà dall'array di ascoltatori.

Ecco come utilizzare una volta per gestire un evento singolo:

FoodEvents.once("cookie_sent", (data) => {
console.log("Cookie is sent out, data received: ", data);
})

In questo caso, l'emettitore ascolterà solo il cookie_inviato evento una volta e rimuovere il gestore dopo averlo eseguito.

Tutti e tre i metodi restituiscono l'emettitore, quindi puoi concatenare le chiamate a uno qualsiasi di essi.

Non dimenticare che, affinché un ascoltatore possa gestire un evento, l'applicazione deve emettere quell'evento ad un certo punto. Ecco del codice di esempio per emettere il file cookie_pronto evento utilizzando il file emettere metodo:

functionbakeCookie() {
console.log("Cookie is baking, almost ready...")
 setTimeout(() => {
 FoodEvents.emit("cookie_ready", { flavor: "vanilla cookie" })
 }, 3000)
}
bakeCookie()

Quando esegui questo codice, che stampa un avviso nella console che il cookie sta cuocendo, attende 3 secondi ed emette il messaggio cookie_pronto evento, otterrai un output come l'immagine qui sotto:

Ciò dimostra come vengono eseguiti i listener di eventi nell'ordine in cui li registri.

IL EventEmitter class fornisce più metodi, tra cui:

• rimuoviListener: rimuove un'istanza di un ascoltatore dall'array di ascoltatori di eventi. IL spento è disponibile anche questo metodo.
• prependListener: Anche questo metodo registra un ascoltatore ma, invece di aggiungerlo alla fine dell'array degli ascoltatori, lo aggiunge all'inizio. Verrà quindi eseguito prima di qualsiasi altro ascoltatore che potresti aver già registrato.
• prependOnceListener: Funziona proprio come prependListener, ma il listener viene eseguito solo una volta, come nel caso di una volta.
• rimuovi tutti gli ascoltatori: Questa funzione rimuove tutti gli ascoltatori registrati per un evento con nome specifico o tutti gli ascoltatori se non gli passi alcun argomento.
• ascoltatori: Restituisce un array di ascoltatori del nome dell'evento che gli passi come argomento.
• eventiNomi: puoi utilizzare questa funzione per ottenere tutti i nomi degli eventi per i quali hai già registrato un ascoltatore.
• setMaxListeners: Node.js genera un avviso per impostazione predefinita quando si registrano più di 10 ascoltatori per un evento, per evitare perdite di memoria. È possibile modificare questo valore predefinito utilizzando setMaxListeners. Puoi anche controllare questo valore usando getMaxListeners.

IL eventi Il pacchetto fornisce funzionalità complete per la programmazione basata sugli eventi in Node.js.

Quali sono alcune best practice per la programmazione basata sugli eventi?

Ogni approccio alla programmazione ha i suoi compromessi e ignorare le migliori pratiche può avere effetti negativi sulla tua applicazione. Di seguito sono riportate alcune best practice da considerare quando si creano applicazioni basate su eventi:

• Utilizza nomi concisi e descrittivi per gli eventi per consentire una codebase pulita e gestibile.
• Adottare buone pratiche di gestione e registrazione degli errori, per consentire un facile debug degli errori.
• Evita l'inferno dei callback (nidificazione di più callback) durante la scrittura di listener di eventi. Utilizza invece le promesse JavaScript.
• Non creare troppi ascoltatori per un evento. Considera invece la possibilità di dividere gli eventi e di concatenarli.

Crea applicazioni con la giusta architettura

Una regola generale che si applica alla creazione di software è prendere decisioni appropriate in materia di architettura e progettazione. Quando segui l’approccio sbagliato alla creazione di un’applicazione, alla fine ne dovrai affrontare le conseguenze.

La programmazione basata sugli eventi è un paradigma che può avere un impatto significativo sull’architettura e sulle prestazioni di un’applicazione. Ogni volta che la tua applicazione, o parte di essa, dipende dagli eventi per funzionare, dovresti considerare la programmazione guidata dagli eventi.