Press "Enter" to skip to content

Promises – Part 8 of Functional Programming in JavaScript


ciao gente di cui stiamo parlando oggi
promette che questo video fa parte di una serie
dove impariamo la programmazione funzionale
con JavaScript in questo video io sarò
facendo molti riferimenti a precedenti
episodi così avrai molto di più di
questo video se hai guardato il
episodi precedenti facendo clic qui
in particolare il primo episodio che ho
ripetuto molto che uno dei grandi
le cose sulla programmazione funzionale è
per rendere il tuo codice più componibile in
questa serie hai visto anche molti
callback max freddo è un modo di raccontare
il tuo codice che quando questa cosa è fatta
esegue questo promemoria di codice
servono allo stesso scopo dei callback
ma le promesse sono un po ‘più potenti
perché sono diversi dai callback
componibile , entreremo nel
perché e come e tutti i tipi di cose fantasiose
sulle promesse, ma prima vado a
mostrarti solo una promessa molto semplice, quindi noi
avere una funzione che stiamo importando ah
si chiama immagine caricata promessa lo farò
andare in modalità di attuazione che
funzione ma per ora stiamo solo chiamando
viene caricata la promessa dell’immagine
con il percorso di un gatto questa funzione
la chiamata restituirà una promessa promessa ha un
il metodo li ha chiamati e stiamo chiamando
allora qui e lo stiamo passando questo
funzione di callback quando l’immagine ha
terminato il caricamento di questo callback sarà
chiamato con l’ immagine caricata
la stessa funzione di callback è molto semplice
crea un elemento immagine e
assegna l’SRC probabilmente dal caricato
immagine per gli elementi dell’immagine e appende
per il corpo lasciami rompere la promessa
fuori in una variabile sì a ulteriore
illustrare che si tratta di un oggetto
tornato così tutto ciò che possiamo tornare
regolarità – quando i gatti caricati piace Oh
e poi chiamiamo allora quale sarà
dacci lo stesso risultato
oh questo dovrebbe essere carino dovresti sempre
utilizzare a sinistra in culla Atmos sei così quando gatto
caricato è una promessa e questo è giusto
quello che sembra non è il valore
di per sé è la promessa del valore in
le promesse della vita reale sono utili perché a
la persona può dire ad esempio un dorso e
ti dico che sì, promettiamo di prestare
tu sei così tanti soldi e poi puoi
vai alla gente che vende case e dillo
sì, la banca mi ha promesso di prestarmi
tanti soldi e puoi davvero
fare un contratto basato su quello pari
anche se non lo hai in realtà
i soldi sì, lo prometto è qualcosa
che puoi passare in giro e puoi
scrivi il codice intorno a te anche se tu
non ho il valore ancora solo boom qui
è la stessa cosa ma implementata con
il modello nero carbone invece di
promette proprio come l’altra funzione
che abbiamo visto questa funzione prende un percorso
a un’immagine come primo argomento
tuttavia come secondo argomento
prende una callback al primo argomento
alla funzione di callback sarà un
errore se ce n’era uno se non ci fosse
uno
il secondo argomento del callback
la funzione sarà l’oggetto di successo in
questo caso l’immagine e la funzione
il corpo stesso è esattamente lo stesso di
altre quattro funzioni mancate e questo è un
schema sottile in realtà è anche un po ‘
più corto del modello di promessa quindi
ci si potrebbe chiedere perché usare le promesse a
tutto in realtà tante cose nella vita in cui
si inizia ad aggiungere più gatti cose diventano
complesso fanno gatti gatti gatti che stiamo caricando
tre gatti ho rotto il codice che aggiunge
l’elemento immagine verso il Dom in
la sua funzione separata chiamata add
immagine viene utilizzata la funzione aggiungi immagine
qui qui
e qui così qui stiamo chiamando il carico
richiamo immagine con tappo primo cappuccio
sta per essere passato all’esterno
callback e che viene poi sarà
passato in una immagine aggiunta qui quando quello
è fatto chiameremo immagine di caricamento
callback con un secondo cap che sta andando
essere passato qui nel prossimo
callback più esterno che poi va in
aggiungi immagine qui eh sì e poi siamo
abbiamo un’immagine fredda con un carico freddo
di nuovo qui con il sentiero e poi quello
entra nel richiamo interiore e quello
sta per essere passato per aggiungere un’immagine cosa
vediamo qui è ciò che viene spesso indicato
come il nodojs
questo è l’ albero di Natale del destino
codice estremamente contorto che ho dovuto anche
ridurre la dimensione del carattere per ottenere questo per adattarsi
mi dispiace per gli spettatori mobili e questo
è solo tre livelli in profondità immagina se tu
ha avuto sei o dieci o qualcosa di simile che
sarebbero zonkers a parte questo essere
incredibilmente brutto questo codice è in realtà
non eseguendo in parallelo perché il
la seconda callback non sarà fredda
fino a quando il primo è finito e così
su questo è anche terribile da un errore
trattando il punto di vista non stiamo facendo un
gestione degli errori qui, ma se abbiamo fatto noi
dovrebbe fare qualcosa di simile per
ogni singolo callback
coordinare cose come questa con giusto
Kovacs è disordinato, quindi adesso siamo
guardare dentro l’immagine del carico tirare indietro
come previsto ci vuole una freccia a
callback crea un’immagine
e aspetterà che l’immagine si carichi
e quando lo farà chiamerà il
callback usando questo tandem senza pattern di
ora perché non abbiamo un errore e
allora il successo obietta l’immagine se
c’è un errore fa l’equivalente
cosa ah con il messaggio non potrebbe
carica l’immagine a destra per uscire da un nuovo errore
con quel messaggio e lo passa come il
primo argomento alla callback Ei qui
quando chiamiamo no è una lettera e qui
il primo argomento è l’ errore e una volta
aveva creato quei due ascoltatori lo farà
assegnare la proprietà SRC dell’immagine
con un URL e questo attiverà il
caricamento dell’immagine e ora vorrei riscrivere
questo per restituire una promessa
invece di usare miniere di carbone lo farà
in realtà diventa essenzialmente la funzione
che vi ho mostrato all’inizio del
questo episodio
Lo script di Eckman 6 include promesse
nativamente comunque a meno che tu non stia guardando
questo dal futuro non tutti i browser
hanno ancora pienamente implementato X script 6
fortunatamente bolla fornisce a
polyfill per le promesse di usarlo
andrà in bolla se riempo solo a seconda
su come fai entrare la bolla nel tuo progetto
questa linea sarà un po ‘diversa
Io uso bubble fi che è un browser se io
collegare e inserirò un collegamento al
progetto completo che si sta vedendo qui a
lo spettacolo osserva
ma non entrerò nello specifico perché
queste cose cambiano molto e io
non vogliono questo video di andare fuori moda
così su provare a concentrarsi invece sulle parti
riguardo alle promesse perché quelle lo faranno
rimani fedele per anni a cui stiamo andando
restituire una promessa qui
il costruttore della promessa prende un singolo
funzione come argomento questa funzione
questa chiamata sarà a sua volta
chiamato con due argomenti risolti e
rifiutare entrambe queste sono anche funzioni
e JavaScript vi vuole chiamare questi
funziona con i valori quando hai
loro o l’errore se ne ottieni uno così
iniziamo a spostare le cose in a
prometto che va bene
spostando questo dentro e invece di chiamare
il il Coburg qui con il valore valido
chiameremo risultato e lo faremo solo
chiamalo con il valore positivo
senza problemi sull’errore qui
oh la mia tastiera è un asino per lavoro
va bene eh immagine su errore ti alzi
chiamando il callback che chiameremo ora
respingere con l’errore ah
e ci sarà anche spostare questa immagine questo
ora vedi qui rimuovi alcune linee
e ora questo non è più un riferimento a questo
callback quindi possiamo semplicemente rimuoverlo così noi
stanno tornando nuove promesse
promettiamo di ricevere questa richiamata che in
il turno sarà chiamato con questa risoluzione
e rifiutare le funzioni che a loro volta
ci si aspetta che chiami con l’una o l’altra
valore di successo o il valore di fallimento così
qui scarico quando lo ricarichiamo da settimane
risolviamo con l’immagine di successo o se noi
ottenere un fallimento
chiameremo respingere con questo andiamo
torna ad attivo Jas ok questo è un po ‘
mal chiamato ora diciamocelo
in solo caricare l’immagine e ora non lo farà
fare più nulla perché ah il
la sintassi ora sarà che questo restituisce un
oggetto che dovremmo chiamare
poi avanti e non sarà un errore, solo
sarà solo il valore di successo così
appena fatto
è rimuovere quelli vedere un errore di compilazione
oh è perché non iniziamo questi noi
avere un altro errore di compilazione oh sì
è perché mi manca ancora questo
non accade nulla
ah controlliamo l’errore ok della console
non è definito sì perché abbiamo ora
rimosso gli errori dai callback così
liberiamoci di quelli per il momento io
ti mostrerà come eseguire la gestione degli errori
in esso ovviamente questo sembra ancora
orribile ricordo come ti ho detto che
le promesse ci aiutano
meglio dei callback perché loro
componi lascia che ti mostri cosa significa
fammi interrompere ogni immagine di carico
chiama così posso farlo che mi sposterò
questo qui e lo sposterò qui ah e
quello che sto per fare ora è la promessa punto
tutto quello che sto per passare davvero questi in come
un array quindi questo è ora un array di
promesse vengono passati in promessa tutto
Ho intenzione di cancellare questo e andare di nuovo
ora sta ottenendo una funzione
tutto indietro che a sua volta sta andando a lacune
tutte le immagini
lasciami a console.log per vederlo
stiamo ottenendo tre immagini qui ah loro
avrà 11 anni per vedere lì vedere questo sono
le immagini del gatto fanno il punto dell’immagine per
ogni IMG e chiama aggiungi immagine con immagine
punto SRC ha
Oh immagine s quanto è fantastico questo come
è fantastico
guarda come è fantastico lasciami pulire
questo un po ‘ per te che oh c’è un
spazio lì non possiamo averlo oh questo
mi fa male, fammi solo rinominare questo
rinominarlo basso immagine che possiamo farlo in
una linea di cordonatura sulla dimensione ancora a destra
guarda quanto siamo in grado di farlo ora che noi
avere un codice così breve ed elegante ora
questa funzione immagine di caricamento che noi
importazione importata qui è quella che
restituisce una promessa quindi quando stiamo chiamando
queste immagini di caricamento qui ci sono in realtà
creando una serie di promesse qui e
lo stiamo passando al vecchio metodo
sull’oggetto promessa e questo è nativo
per lo script ACMA sei prometto che non tutti lo faranno
a sua volta restituire una nuova promessa che noi
stanno chiamando allora e stiamo passando in a
richiamata a loro e che richiamerà
essere chiamato con una matrice del reale
valori che queste promesse restituiscono e
per ogni immagine stiamo aggiungendo quell’immagine
alla cupola
ma per quanto riguarda gli errori rimuoviamo il
gestione degli errori prima di come gestiamo
errori quando si tratta di promettere bene
il tuo raggio d’azione si cattura e si cattura una volta
un altro callback che dovrebbe gestire
lì e faremo un po ‘di caccia errore
qui un po ‘più tardi se si verifica un errore
in uno di questi seguirà fino a
questo gestore di errori che è così tanto
più bello di dover gestire l’errore in
più posti in promesse di sintesi sono
proprio come arretra un modo di trattare
con un codice sincrono quando non lo facciamo
sapere quando le cose accadranno o dentro
quale ordine ma promesse sono di più
potenti e callback perché loro
componi ti ho mostrato un esempio di questo
oggi usando la promessa oh ma ci sono
più da dove viene una volta che ottieni
confortevole con le promesse in questo spettacolo I
sto parlando ma tu sei il
pubblico e senza di te sarebbe solo
essere pulito urlando nel vuoto così io
ho bisogno di sentirti da te, ho bisogno di
capire chi sei a causa di raccapricciante
Analisi dei dati di YouTube So dove sei
trova quanti anni hai e che genere
tu sei ma a parte quello che sto volando
cieco
quindi per favore commenta qui sotto e dimmi
dammi un’idea di che tipo di
programmatore sei lavora come un
programmatore stai studiando è Yahveh
scrivi la tua prima lingua qual’era il
l’ultima cosa che hai imparato e non lo siamo
contando questi video roba del genere oh
e il prossimo episodio sarà buono
uno non ti dirò cosa
Yep oh ma tu non vuoi perdere lo rendono
certo che ti iscrivi e anche blu se
hai già attivato le notifiche
per il mio canale sul tuo telefono io sempre
pubblicare il lunedì mattina ma è così buono
con il promemoria giusto
ah fino al prossimo lunedì resta curioso
Please follow and like us: