Press "Enter" to skip to content

Arrow functions in JavaScript – What, Why and How – FunFunFunction #32


buona Lunedi mattina Sono MPJ e tu sei
guardando la casa fantasma un sacco di gente
commento che uso molto le funzioni di freccia
nei miei video quindi ho pensato di fare un
video su quello che hai oggi
probabilmente li visto in giro sembrano
questo tipo di e sono fondamentalmente a
sintassi della funzione più breve hmm tipo di cosa
Voglio dire con quel tipo di è che questo
questa parola chiave si comporta diversamente da noi
non parlerò di questo aspetto
di funzioni freccia a tutti in questo video
perché penso che sia il più eccitante
e l’ aspetto più importante della freccia
funzioni è che sono così tanto
più corto è la parte importante e
questo è ciò che ci accingiamo a parlare di
oggi ti mostrerò come usare
la freccia funziona in un minuto ma
prima di farlo voglio parlare
il perché delle loro funzioni di freccia sono
più corto ma lo facciamo abbiamo bisogno di un più breve
sintassi della funzione intendo un altro episodio
di divertente funzione divertente è stato suggerendo
che dovresti essere restrittivo su come
molte funzioni che crei così perché io
come questi ciò che valore fa avere un
sintassi di funzione corta, ci penso
che la cosa grande con alla freccia
la sintassi della funzione è che è così tanto
più breve della normale sintassi della funzione
è estremamente successo è solo il
Nulla minimo di sintassi che è richiesto
per esprimere che questa è una funzione
fatto che le funzioni della freccia sono così concise
ci consente di utilizzare le funzioni in un modo nuovo
che non potremmo fare prima di poter ora
funzioni che sono inline e piccoli
scopo unico questi aspetti sono di
Ovviamente non unico per la tua funzione
può rendere piccolo in linea e singolo
lo scopo funziona con il normale
e sintassi ma il fatto che ci sia così
un po ‘di codice in più per ogni codice
la funzione ti fa fare molto di più
e ad un grado molto più grande o più piccolo
e questo ha combinato ciò che crea a
almeno per me un modo completamente nuovo di
programmazione ed è quello che sto andando
per mostrarvi oggi tutto bene diamo un’occhiata
ad un certo codice diamo un’occhiata a questo drago
variabile di eventi qui è un array come
vedi oggetti mm-hmm che puoi immaginare
questo come qualcosa che fa parte di un gioco
quindi questi sono eventi di Dragon quindi
il drago può attaccarlo può andare avanti per alcuni
motivo con un valore che non conosco esattamente
quello che potrebbe essere la dimensione del
yo-yo o uh e può mangiare e può
mangiarlo o come un cavallo perché
i draghi sono grandi e possono anche attaccare
e questo è l’ evento che voglio
attira la tua attenzione sull’attacco
ha un valore e ha un obiettivo e così
puoi attaccare il giocatore lanuginoso o
può attaccare l’ uomo di giocatore del dork qui
il nostro obiettivo è capire quale sia il
il danno totale è da tutti questi attacchi
su giocatore dork matematica quindi questo che sarà
prima di tutto, iniziamo da
filtrando tutti gli attacchi penso di si
sì , gli eventi del drago non filtrano e noi
lo faranno usando il normale
funzioni all’inizio lo chiamerò
evento variabile e ho intenzione di tornare
ah tipo di punto di sfiato uguale attacco e io sono
andando alla console basta disconnettersi alla fine
dello script il danno totale da dork
uomo
Ho intenzione di echeggiare quella variabile e
stiamo andando a eseguire la sceneggiatura così tu
vedi che ah si
lasciatemi aggiungere ah non voglio un’interruzione di riga
ci rendono facile leggere bene così
echeggerà un array qui pianto e così
avrà solo gli oggetti di attacco e
vedi che ha filtrato solo te
bisogno perché quelli non sono di tipo evento
se il filtro ti confonde devi fermarti
guardando questo episodio ora e invece
dai un’occhiata a questo episodio qui dove io
spiega come funziona il filtro così abbiamo il
valori di attacco ma abbiamo anche il
attacco al giocatore dei lanuginosi
e non vogliamo quel giocatore che vogliamo
filtra anche quel giocatore così aggiungiamo
un altro filtro e aggiungiamo un evento lì
e stiamo per tornare dove il
obiettivo punto dell’evento
è uguale a un giocatore in cui l’uomo lo gestisce
di nuovo così ora abbiamo solo l’ uomo stupido
attacchi qui vedi che ha
ha filtrato questo lanuginoso giocatore
il prossimo ci interessa ricevere
questi valori qui fuori questi questi
Tweaks lo faremo usando Mac nap hmm
e restituiremo il valore del punto evento giusto
e lo facciamo funzionare bene ora abbiamo un array
solo dei valori qui e lo sai
cosa succede se la mappa ti confonde, c’è un?
episodio per quello va bene così ora finalmente noi
voglio solo aggiungere questi due insieme
e possiamo farlo usando ridurre sì sì
vai alla funzione uh-oh
valore precedente
tu e il valore qui e noi andiamo
riduci, penso che faremo la preparazione
Lo chiamerò ah zero e aggiungo
valore qui ah e stiamo andando a correre
questo ooh
ridurre non è il finale perché io sono
essere stupidi deve tornare, naturalmente
nota funzione sì 24 a proposito se
ridotto confuso voi yah ora abbiamo
questa catena abbastanza carina e funzionale
qui del lavoro che stiamo facendo siamo
filtrando gli attacchi e poi noi
stanno filtrando i giocatori giusti e
quindi stiamo filtrando solo l’evento
valuta il danno qui e quindi siamo
riassumendolo insieme nella riduzione qui
è bello che sia ben separato
ma sai che c’è così tanto
qui la logica è proprio questa
e questo e questo e questo così questo qui
questo è solo un boilerplate per tutti
funzione e questo è un po ‘fastidioso
perché il boilerplate sai che lo è
quasi grande quanto la logica del
funziona da solo prima della freccia
le funzioni esistevano queste qui queste due
I duplicati sarei sarei tipo di
tentato di combinare questi combinano questi
due funzioni in una e basta tirare
questa cosa qui dentro e incollala qui
e vai a fare qualcosa come qualcosa
questo ed ed elimina questa funzione facciamolo
faccio lì così ora ho salvato una delle
queste funzioni di questi boilerplate
cose sintassi e reso il tutto un
un po ‘più corto ma sai che ho questo
funziona qui questo è ciò che sta facendo ora
Due
le cose in una e non posso davvero prima
Potrei descrivere queste due cose con
parole come se tornassi potrei avere
chiamato questa è questa funzione è dort uomo
e chiamo ho chiamato questo è un attacco
e sarebbero stati riutilizzabili dentro
altre parti del codice bene non questo
perché questo non è Dortmund perché questo
è un esempio stupido, ma questo è valido
caso, penso che tu sappia che questo attacco è
teoricamente riutilizzabile e anche se lo fosse
non riutilizzabile è bello che lo faccia
solo una cosa semplice
proviamo a rifarlo con la freccia
funzioni e vedere come ci si sente
Inizierò rimuovendo questo e
invece aggiungerò una freccia lo farò
rimuovi questo e aggiungerò una freccia e
Lo rimuoverò anche per quello
sfortunato effetto collaterale della freccia
le funzioni è che non possono essere nominati
e va bene, penso perché quando
stai usando le funzioni in linea con te
normalmente non hanno bisogno che le funzioni siano
chiamato e andrò qui rimuovilo
funzione e sostituirlo con una freccia
sposta quella funzione sostituiscile con un
freccia corriamo e vediamo che è ancora
funziona ora ricorda che ho detto
quelle funzioni di freccia sono spesso piccole e
scopo singolo e quando quando qualcosa
è un piccolo e unico scopo che tende a
essere su una sola riga e questo ci porta
a una fantastica funzionalità delle funzioni di freccia
secondo me probabilmente il più
importante e questo è quello se il tuo
il codice è una dichiarazione simile a come
questo qui possiamo farlo tornare
dichiarazione implicitamente lascia che ti mostri se
Rimuovo le parentesi qui BAM e
Rimuovo lo scopo restituito e poi vedo I
è sufficiente rimuovere le staffe lo faremo
anche in questa funzione rimuovere il
boom del boom del boom di ritorno
giusto lo rimuoverò anche qui di nuovo
facciamo la stessa cosa spostiamo l’angolo
o loro non so quale sia il nome
di queste cose non ho mai
imparato in svedese, basta chiamarli per
dando a Airy un uccello che oscilla in entrambi i casi lo farò
rimuovili anche qui BAM
rimuovere questo ritorno qui boom boom del boom
e corriamolo è ancora 24 ancora
funziona così perché questi sono solo singoli
affermazioni che non sono un intero pezzo
di codice dove sono molteplici variabili
essere assegnati è solo una dichiarazione
siamo in grado di fare loro come questo in un solo
linea e avere la dichiarazione di ritorno
completamente implicito nel caso del
dichiarazione ridotta abbiamo più
argomenti e in tal caso lo fa
senso perfetto per avere la parentesi
sembrerebbe sarebbe strano se
sembrava così però nel caso
delle altre funzioni questi essi
solo un argomento per loro
questo sarebbe tipo di senso
non può funzionare così perché sì lo fa se
hai solo un parametro per il tuo
funzione è possibile omettere completamente il la
parentesi che è abbastanza bella quindi ora
questo è veramente piccolo fammi solo incollare
nel vecchio codice uh accanto ad esso sì così tu
vedi come è grande la differenza qui
Penso che sia una specie di enorme cosa vedi
ora come questa cosa qui che ho parlato
circa prima con questi due eventi
sentito fastidioso che c’era
molto di questo piatto di ferro tra i due
quindi sei stato tentato di aggiungere questi due due
insieme bene in questo caso
qui questo non è affatto inquietante
perché non c’è molta piastra per
la funzione è che è solo questa cosa
la prossima cosa che sto per mostrarvi è
un po ‘più controverso e importante
per il gusto mi piace farlo non tutti
fa ma da questo pezzo di codice qui
è così contenuta destra scruto posso vedere
tutto questo in una sola occhiata lo so
questo è come se si trattasse di eventi Dragon
Posso vedere questo qui così questo evento qui
come se trovassi quasi finita
descrittivo Penso che per me funzioni
molto meglio con qualcosa come II
così perché io so che lo siamo
eventi iterating del drago in questo in questo
codice vedo che qui potrei mantenere questo
valore qui come un testo completo perché siamo
cambiare il contesto dell’acqua è essere
iterato con la mappa qui ma lo sai
altre persone potrebbero andare per tutta la lunghezza
e fai solo X perché ciò significa
che questa funzione è ora completamente
generico quindi possiamo chiamarlo come un commis
Toto riduttore e basta incollarlo in totale
riduttore ridurre al totale come perché
quando io quando interrompo funzioni il nome
li tendo a volere che siano un verbo
funziona ancora
no oh sì, non posso dichiarare il danno totale
o dortmund due volte commenterò questo
in modo che possiamo tenerlo in giro per
la nota di aiuto di riferimento va bene funziona ancora
allo stesso modo tutti questi sono belli
riutilizzabile questo
è abbastanza specifico che non si sente
riutilizzabile ma questo è probabilmente
qualcosa come aggiungo più cose nella mia
gioco qui in futuro questo sarebbe
probabilmente è qualcosa che ho ridotto a
è il suo attacco eo forse non sicuro
ma puoi ottenere una freccia riassuntiva
le funzioni sono una sintassi della funzione più breve
tipo di c’è di più per loro ma questo
è quello su cui ci siamo concentrati oggi
la mia freccia funziona perché ci permettono
usare le funzioni in un modo nuovo perché
le funzioni di freccia ci permettono o almeno
ci incentiva a fare un piccolo in linea
e funzioni a singolo scopo a molto
più grande di prima
collegamenti al codice e altre pepite UC
di informazioni è nella descrizione di te
ho visto un episodio divertente
funzione
Sono mpj, pubblico nuovi episodi ogni
Lunedì mattina Oh 800 gmv non lo farai
ricordate che questo è il motivo per cui un sacco di
gli spettatori scelgono di iscriversi al divertimento divertente
funzione in modo da non perdere
il prossimo episodio dovresti dare un’occhiata
il clic in basso sul canale tocca il
canale in basso e vedi se questo è un
canale a cui vuoi iscriverti
fino al prossimo lunedì mattina resta curioso
tu
Please follow and like us: