In che modo MDN intercetta `console.log`?

Blog

DevLog 003



Nell'ultimo post abbiamo visto:

  • Caricamento da WebStorm a GitHub
  • Versionamento semantico
  • Impegni convenzionali

In questo post, vogliamo riprendere a sviluppare il nostro editor di codice. L'obiettivo di base è quello di creare una casella in cui l'utente può inserire un codice e, con il semplice tocco di un pulsante, può vedere il risultato del proprio codice.



reagire all'animazione di caricamento nativa

Comportamento alla prima iterazione

La prima implementazione è stata la progettazione attorno a |_+_| funzione, il cui risultato verrebbe visualizzato nel riquadro dei risultati. L'inserimento di una stringa ciao risulterebbe in |_+_| essere visualizzato. Inoltre, assegnando una variabile e inserendo quella variabile da sola nell'ultima riga, il riquadro dei risultati visualizza il valore della variabile.



Sarebbe invece più intuitivo usare |_+_| invece, che è ciò che MDN ha fatto nei suoi esempi interattivi.

piattaforme di servizi on demand

Contesto per la seconda iterazione

In NodeJS è possibile leggere il |_+_| streaming o creare un nuovo logger con flussi personalizzati. Quindi, ho cercato risorse su come agganciare l'output del browser |_+_|. Da quello che ho potuto capire, non c'è modo di ottenere l'output di |_+_| dichiarazioni nel browser.

Tuttavia, è possibile intercettare gli argomenti di |_+_| quando chiamato. Una risposta StackOverflow ha una soluzione. Riassegnando l'originale |_+_| istruzione a una nuova variabile, possiamo assegnare la nostra funzione personalizzata a |_+_|. Nota che questo non intercetta l'output delle istruzioni di log, ma intercetta solo gli argomenti.

#console-log #typescript #react #javascript

attivazione della mia carta centro prepagata

medium.com

In che modo MDN intercetta `console.log`?

In che modo MDN intercetta `console.log`? Impossibile leggere l'output della console del browser. Gli esempi interattivi di MDN sovrascrivono console.log, formattano gli argomenti per la pagina web. Nota che poiché viene chiamato console.log e non window.console.log, non dovremmo incorrere in problemi con Server Side Rendering (SSR)