Press "Enter" to skip to content

Iterators in JavaScript using Quokka


buon giorno oggi parleremo
sugli iteratori negli iteratori JavaScript
è ciò che usa per il ciclo sotto il cofano
per scorrere su un array ma il for di
loop è effettivamente in grado di iterare
su tutto ciò che è impostato o su mappe o il tuo
oggetti personalizzati purché forniti
un iteratore per il ciclo di utilizzare I
sono mpj notizie o guardando la funzione
[Musica]
[Musica]
se sei un normale spettatore di questo spettacolo
potresti essere colpito dalla mia voce sexy
questo perché io ho un pozzo freddo
In realtà non penso che sia un freddo
sono sicuro che sia sinusite e lo sono stato
averlo più o meno da quando questo vacilla
Ho avuto un autunno e questo
l’inverno è il mio periodo più lungo di malattia
mai e ne sono davvero stufo così se tu
avere qualche consiglio su come trattare con sinusite
per favore pubblicali qui sotto
mi piace davvero conoscerli ah, anzi, esultiamo
noi stessi con qualche JavaScript Aang
perché dovrei preoccuparmi degli iteratori perché?
sono in JavaScript che stiamo andando
esplora perché è bene capirlo
gli iteratori iterano le puttane, ma prima di tutto
trascorrere un po ‘di tempo ad esplorare quello che loro
sono così che sappiamo come avere un senso
quello con cui stiamo trattando bene così noi
ci sono una serie di draghi
archi è un drago fantastico è arrabbiato
drago e poi abbiamo questo nuovo concetto
che potresti o non potresti aver visto o
riflessa ed è c4 oh lo farei
piace attirare la tua attenzione su questi
parola chiave non è un singolo e non lo è
qualsiasi altra cosa è importante
non è nel suo tutto ciò che è fondamentale per
il modo in cui sei nuovo in questo show è
su di me che guardo come otto linee di
codice e poi ne parliamo per il nostro
50 minuti
benvenuto allo spettacolo è così divertente
questo è un ciclo che hai visto prima
passa attraverso la matrice di Draghi e
per ogni drago farà cose
all’interno di questo blocco, lasciami iniziare
quokka in modo che possiamo vedere cosa fa questo
quando eseguito lascia andare
il mio dio non riesce a sillabare Wacha, sorpreso
file corrente chiudere questo lasciate raffreddare bene
io scrivo drag fantastico così vedi qui
che alla prima iterazione sta andando
lo straccio fresco e poi il drago arrabbiato il nido
kwaka essiccato è questo piccolo grande plugin
che ti consente di valutare in linea
javascript come questo è super
comoda probabilmente mi vedi uso questo
prima di usarlo molto per la comprensione
video perché penso sia un ottimo strumento
tuttavia questo episodio particolare è
gentilmente sponsorizzato da quokka così era
grazie a quark per il supporto in questo spettacolo
lo mostreremo un po ‘
in più forse guardarlo ah un po ‘di più
Funziona bene ma non mi vedi
normalmente si usa nello spettacolo se lo si desidera
il check it out Vai quokka ventilatore dot
funzione comm collegamento che è anche nel
descrizione episodio va bene così come lo fa
questo in realtà funziona voglio dire per il
loop so come iterare cancellare no that’s
la grande cosa per o non sapere
nulla di cancellare non ha idea di cosa
un array è l’ unico motivo per cui il
loop è in grado di scorrere su un array
perché l’array fornisce un iteratore
che dice il per del ciclo come
iterare tutto giusto così immaginiamo
che siamo i quattro del ciclo per a
un po ‘e e come com’è
che stiamo accedendo a questo iteratore
siamo come lo otteniamo dall’array
diamo un’occhiata questo è come funziona
all’interno di questa è come la op per ciclo ottiene
l’iteratore dall’array che chiama vede
simile metodo iteratore su draghi esso
lo chiama e questo gli dà un iteratore
bene questo mi fa sentire a disagio
che cosa è questo questo è questo questo
è spaventoso perché è nuovo che non mi piace
cose nuove dovremmo dividere nuove cose
Ho intenzione di prendere una tazza di caffè sì, se
non hai visto simboli prima di questo
andando a guardare un po ‘strani simboli
non è un nuovo linguaggio di programmazione
caratteristica sono molto comuni in altri
linguaggi di programmazione a cui puoi pensare
loro come tasti fondamentalmente unici che usiamo
loro dove normalmente avremmo usato
come una strana stringa unica da evitare
conflitto sì, ecco perché i simboli sono
ottimo se non avessimo i simboli qui
quindi i designer di JavaScript avrebbero probabilmente
devi inventarti sai qualcosa del genere
qualche strana stringa unica come l’iteratore
sì, così non dovrebbe essere in
conflitto con aggiungere l’altro simile
Interfaccia su avanti sugli oggetti comunque
con questo questo è completamente unico quindi
possiamo essere completamente sicuri che questo
non esiste su nient’altro
quindi se puoi davvero mostrarti cosa
questo valuta di farmi mostrare come ti piace
che è un simbolo quindi non è un po ‘
Stringa strana o qualcosa in realtà è a
oggetto completamente unico che puoi
utilizzare come anno chiave o proprietà su on
oggetti e questo significa che non potremo mai avere
denominare i conflitti sulle proprietà davvero
a portata di mano, quindi è così che otteniamo il
iteratore ma come funziona l’iteratore
si comporta da solo
l’iteratore dovrebbe avere un successivo
metodo su di esso ora come vedi qui se io
avere iteratore qui coca lo valuterà
per me ma se scrivo qui di seguito
non valuterà quale sia il valore di ritorno
è ma c’è una piccola caratteristica interessante
chiamato commenti dal vivo e mi hai visto usare
un paio di secondi fa e lo farò
mostra di mostrarlo di nuovo vai – – e
punto interrogativo potresti farlo tu o te
avrei potuto farlo anche in entrambi i casi
questo lo fa valutare
espressione e mostrarlo in linea ma così
guarda come appare questo oggetto
ci dà un oggetto è un oggetto
semplice Oh grande che ha una proprietà
chiamato valore e che contiene freddo
il drago è questo il primo oggetto
e poi ha un’altra chiamata di proprietà
chiamato giù che è una fermata booleana
aiuto saltellante come Mouse passe sta avendo
una vita propria oggi non ha idea di cosa io
avere un fantasma nel mio computer ok così qui
come questo è che è falso in sé I
trova questo un po ‘difficile da avvolgere
vai in giro quindi lo copro solo
e chiamiamolo un turno dopo un paio di
più tempo è quello di avvolgere la mia mente intorno ad esso
okay , vediamo qui sul primo
Chiama il cool è ritorna cool dragon e
poi si gira arrabbiato, il drago guarda ancora in basso
si dice brutto drago ancora fatto e
poi sul muro finale restituisce il
il valore non è definito ma è fatto bene
va bene così il modo in cui l’interfaccia iteratore
funziona è che chiameremo il prossimo fino a quando
come se fossimo senza oggetti, quindi puoi dire
quello che abbiamo fatto qui manualmente chiamando
il prossimo è quello per il ciclo
fa dentro di sé si conosce sotto il
cappa quindi cosa vedi qui?
ciò che l’interfaccia iteratore in esso appare
come se fosse un oggetto che matrice
sputa che puoi usare per scriverlo
dice dice al mondo esterno come
iterare se stesso va bene, questo è il cosa
ma per quanto riguarda il perché torniamo a
il perché perché questa interfaccia extra perché tutto
questa roba perché non solo per avere un simile per
ogni ciclo che può loop su cancellare il
il motivo per cui è un’interfaccia è così
possiamo iterare su qualsiasi cosa con esso per
tutto ad anello quindi ad esempio potremmo voi
conosci per un costrutto char di draghi
primo drago e poi cos’è questo char
si vede che è oh wow
ora possiamo scorrere sull’individuo
personaggi qui e questo è perché il
l’oggetto stringa in JavaScript fornisce un
iteratore per il ciclo di utilizzare tutto
c’è un sacco di altri built-in
oggetti in JavaScript che fornisce questo
beni e mappe e cose e il Dom
la lista dei nodi può fare anche questo, ma il bello
sta dicendo che possiamo fare il nostro
oggetti personalizzati iterabili come per il for
tutto Bloop potrebbe farle nostre
lasciatemi oggetti per sopra una palla
mostraci come farlo liberiamoci di
questo o codice che non si preoccupano che
Scriverò del codice che non è così
avere qualcosa a che fare con una bozza del tutto
non userà questo iteratore
sarà semplicemente un codice
[Musica]
ah Sto provando a usare un modulo NPM ma
quel modulo MB non è installato ha quark
in soccorso posso solo andare a Oquawka
installa il pacchetto mancante solo per quokka
file Oh genera un bel casuale
i numeri per noi qui eccellente
perché sempre mpj sta andando con questo sembra
per lavorare ora voglio creare un nuovo
funzione chiamata mix dragon do you do
[Musica]
così come vedi qui ho creato un
la funzione chiama make dragon che crea
una stringa di drago casuale è un fuoco minuscolo
a volte il drago è un piccolo drago
o è un piccolo drago di ghiaccio o è a
drago di ghiaccio medio o blu grande
drago fulmineo ma l’ oggetto casuale
la funzione qui mi sembra una a
è un buon candidato da un’estrazione
per lo più non è correlato al problema
a portata di mano qui possiamo capire da
il suo nome come fa noi
potrebbe spostarlo in un altro file su
impediscici di distrarci perché
siamo di Apple molto poco vero e proprio schermo
estate qui sì, vedi qui che sono
ottenere un errore qui non può trovare il modulo
numero casuale anche se in precedenza
usato Quokka per l’installazione per il file corrente
e potresti ricordare che io uso quokka
installare solo sul file corrente così
quando stiamo acquisendo in questo modo questo
non funzionerà, ma possiamo effettivamente usarlo
Quokka per aiutare l’installazione di un operatore mancante
pacchetto nel progetto III fa e poi
è lo schermo, così vedi che ti va bene
l’ha installato nel Pakistan JSON
dipendenze cose molto utili e interessanti
sembra ancora funzionare dopo il nostro
estrazione posso chiudere la barra laterale e
come un oggetto casuale di club sai cosa
Sono di umore estroverso
rendere drago fuori di qui pure
[Musica]
bello funziona ancora estratto in avanti dal
modo di essere in grado di richiedere nel progetto
file come questo è un quokka pro
funzionalità dei moduli NPM gratuita
caratteristica puoi usarli in qualsiasi modo tu
come ma richiedono più file e
progetti che sono una vera caratteristica
dal modo in cui Coker non solo monitorerà
questo file controlla anche il
file esterno e in realtà mostrano se
Apro il drago del trucco qui aperto a
il lato e come andare in questo e io vado
aggiungi un’abilità nel tempo e salvi quella volontà
in realtà aggiorna, capisci che questo
dipende da questo e poi lo aggiorna
raters fun live focus davvero molto buono
a fare in modo di avere sempre che
feedback immediato okay, finalmente
implementare quell’iteratore che ero
parlando ho intenzione di creare un
oggetti dell’esercito del drago che fornisce
un iteratore che fornisce solo un mucchio
di draghi e poi finisce a caso
perché sai che quello è il drago
sempre per te sono volubili tu no
sapere quanti draghi si presenteranno
[Musica]
e eccoci
quindi questa è l’effettiva implementazione di
un iteratore equivale al
bitrate array che abbiamo visto prima
solo che abbiamo creato questo noi stessi
quindi è un drago o me questo non è un
iteratore stesso ma fornisce qualcosa di simile
una fabbrica iteratore qui, quindi questo è questo
è una proprietà qui come quella che usa a
simbolo iteratore come il suo nome e poi esso
fornisce questa funzione qui che è
supposto secondo l’interfaccia
per restituire un oggetto che contiene a
proprietà singola che è una funzione
chiamato la singola chiamata di proprietà successiva
che è una funzione e quella funzione
restituirà un oggetto che ha un valore
che è come il valore iterato e
quindi fornisce un valore booleano che dice
indipendentemente dal fatto che abbiamo finito di ripetere o
non se l’iterazione è finita così
come vedi qui, ci divertiamo un po ‘
drag e un piccolo medium di drago fulmineo
drago di fulmini e il modo in cui funziona
è che controlla se ci sono abbastanza draghi
stato generato che è solo un casuale
cosa e se non bastasse draghi è stato
generato genera un oggetto e chiama
rendi il drago come valore altrimenti
restituisce semplicemente un oggetto senza valore
abbiamo finito è vero e questo dice al
per il ciclo che siamo fuori da Ragan è così
vedi se premo semplicemente lo spazio qui
innescando un koala per rivalutare per vedere
quello o qualche volta è solo uno
a volte sono due a volte è
pari a zero in realtà a volte è un sacco di
li ben hai capito così come puoi vedere
qui puoi giocare un po ‘
con un iteratore non è un iteratore
non deve conformarsi a questa idea o
come quello un array o un set lì dove
c’è una quantità limitata di elementi che
tu iterare su di esso può essere solo questo
la cosa che genera cose a caso
per esempio come questo puoi farlo
fondamentalmente crea il tuo iterabile
collezioni che si comportano in qualsiasi modo
dannazione, per favore, e in realtà siamo solo
grattando la superficie qui perché
gli iteratori possono anche essere un cosa sincrona
che potrebbe permetterci di avere iteratori
che recupera gradualmente i dati da un’API
per esempio su ogni anello piuttosto fresco
potresti anche aver sentito o visto
generatori in JavaScript e qui a
i generatori di parti freddi sono in realtà solo un
zucchero sintattico sottile su ciò che abbiamo
hai fatto qui oggi hai sentito questo
destra
i generatori sono solo uno zucchero sintattico
genera iteratori di casse così iteratori
c’è questo blocco molto semplice
ma hanno enormi implicazioni se
siete interessati a saperne di più
conosci l’ iterazione del sink e e
generatori potremmo fare alcuni episodi
anche su quello perché tutti loro lo farebbero
sii davvero simpatico fammi sapere in
commenti se sei interessato ma quello
è iteratori se qualcosa su questo
il video ti ha confuso che è bello significa
stai imparando a fare qualsiasi domanda tu
avere in basso o sul forum Fun Fun
se il tuo protettore io o uno dei tuoi compagni
gli spettatori cercheranno di rispondere alla tua domanda
grazie mille a pakka per
sostenere lo spettacolo se sei interessato
nel provare la quokka dovresti andare a camminare
dot fun fun function dot chiama quel collegamento
è anche nella descrizione dell’episodio del
la versione base di coca è gratuita la nostra pro
la versione è solo 50 dollari credo ma tu
non dovrebbe mai pagare per il proprio
strumenti software che il tuo datore di lavoro farà
paghi quasi sempre il tuo software
strumenti se li chiedi perché tu come
il software engineer è molto costoso
tutto ciò che ti rende anche leggermente
più produttivo sarà massicciamente
economicamente vantaggioso per loro di acquistare
di nuovo polka dot funzione pan-pan comm
controllarlo fuori
hai appena visto un episodio di divertimento
funzione divertente e rilasciare tutti questi
Lunedì mattina o 800 DM se lo sei
smemorato puoi iscriverti qui così
di non perdere o vedere un altro
episodio adesso cliccando qui sono
NPJ fino al prossimo Lunedi mattina grazie
Please follow and like us: