buon lunedì mattina oggi stiamo andando
per esplorare come va bene diciamo che questo è
lunga quanto sono buone le proprietà di classe 6
funzioni della freccia sì sì tante persone
mi stanno parlando di come sono
magicamente bene e roba ma loro hanno
avvertimenti e ho voluto fare un
video su di esso per molto tempo siamo
i tuoi padroni mmm PJ e io sono David e tu
stanno guardando la funzione fine bene fare un po ‘
di esso un po ‘di esso, ma non va bene
okay, quindi facciamo lo sponsor framer
non ha uno script oh davvero oh
è davvero buono, penso che tu ne abbia bisogno
Flusso libero un po ‘perché tu sei
un po ‘ di più da esso in realtà più
familiarità con il prodotto di quanto lo sia io
l’ episodio di oggi è sponsorizzato da Framer
e sono davvero felice dello sponsor
in realtà perché è davvero buono
prodotto quindi un grosso problema a cui eravamo abituati
ho mentre stavo lavorando come Spotify è
come la collaborazione tra
progettisti e sviluppatori così avrebbero fatto
fondamentalmente una discarica come loro ci darebbero
questi file di Photoshop e eravamo come
li fanno davvero e per noi come noi
ha voluto creare come questi condiviso
componenti ma non potevano davvero usarli
loro e le loro cose di prototipazione e
è lì che Framer è così carino perché
lo sviluppatore può costruire i componenti
e quindi il progettista può semplicemente usare il tuo
componente che hai come sviluppatore
costruito perché il corniciaio reagisce completamente
basato sotto il cofano che è così divertente è
è incredibile e anche se sei un
sviluppatore e voglio solo ottenere qualcosa
piuttosto bello abbastanza decente
lavorando mentre sei tu sei
la prototipazione sembrerà e io
penso sia facile è bello sì sì
è un divertimento che piace se vuoi alzarti
il gioco per come quanto bene tu
collaborare e con i designer in
la tua organizzazione e stringi il
ciclo di feedback tra designer e
gli sviluppatori apprezzano davvero il corniciaio
come se fosse un buon prodotto sì
controllalo prima
questo episodio può essere visto da solo
ma è anche un episodio di follow-up sul
episodio che abbiamo fatto su consigli di sviluppo su questo
e leghiamo quindi avremo solo un super
breve riassunto quello che abbiamo fatto in un certo senso
adattato a questo ambiente in modo che tu possa
vai e guarda il video, ma cosa siamo noi
c’è stato che avevamo qualcosa a
drago in questo caso sì e ne ha alcuni
proprietà che è legata a questo questo
elemento di pensiero quindi ha un respiro
funziona lo sai da tutto il
roba per il traffico, quindi il drago è
respirare qualcosa così facciamo const
birichino e pelli con s giusto sì
ok questa è la più elite oh si
elite lanugine di Kames perché è un
nuovo drago che respira il fuoco ma è suo
l’elite può respirare bene i memes
il problema è che diciamo che abbiamo un
pulsante da qualche parte nel nostro coso e il
il pulsante ha un gestore onclick in questo momento
quindi abbiamo un oh no così è così
come il pulsante in questo è questo è il nostro
simulazione di ciò che accade nella bambola
giusto sì sì oops rama acceso clic
e poi aggiungiamo in fondo quando
clicchiamo sul pulsante che vogliamo dei parenti birichino
per respirare il suo fuoco ma cosa succede
quindi se lo clicchiamo, eseguo qui è
correre la coca
ha sì dice che ha un invalido
sintassi dove abbiamo aspettato non sarei stato valido
farlow buono o sì Excel Joe non è valido
la sintassi dice solo che non è valido
sintassi, grazie
sì, ho appena scritto questo esempio, abbiamo fatto noi
in realtà controllalo no no aspetta io lo vedo io
vederlo è qui oh scusa, mio cattivo mio cattivo
il tuo idiota del genere grazie
coketown sorta di bene dove clicco qui
pulsante unclick dice che sto respirando
indefinito e perché è quello che è
perché l’unclick fa riferimento al
i draghi respirano la funzione che è
fondamentalmente qualcosa che vive da solo
non ha niente a che fare con il drago
classe in modo che ritorni sto respirando questo
elemento ma JavaScript deve figurare
fuori di cosa si tratta e quando è qui
il bottone pensa solo che il
il pulsante è questo sì non ha un
elemento che stiamo assumendo qui che tu
conosci questa roba come da
il pubblico di professione del telefono è previsto
nota ma se non lo fai e questo questo
cosa che abbiamo appena spiegato confonde
tu in qualche modo come questo video è giusto
ti renderà ancora più confuso, quindi se
il confuso si va e guarda il video
che abbiamo fatto su consigli di sviluppo perché è così
come le immersioni profonde sta spiegando come
questo sì va bene così ora lo sai
tutto ora possiamo arrivare a questo
episodio sì tutto fresco giusto così un sacco di
gente fuori lasciami solo bisogno di un doppio
controlla una cosa tutto bene
okay un po ‘un po’ va bene così
per sistemare questo facciamo così
legare cosa facciamo fuoco fluffykins legame
e poi sto respirando i memi ora è così
risolto e il perché di questo vedi
come un legame di Haji lien kabillion
dichiarazioni su tutte le app in
JavaScript come questo sarà quando
i segmenti sono molto comuni specialmente in
reagire app ma quello che praticamente niente
trattare con la cupola e riassegnare
gestori di eventi e roba la cosa è
come se ce ne fosse un sacco così è un modo
di risolvere un problema ma c’è
in realtà c’è questa cosa nel non farlo
penso che sia effettivamente in JavaScript abbastanza
eppure è una proposta o molto
vicino ad essere implementato ma penso
puoi farlo come funzioni di freccia no
esattamente sicuro sulla sintassi on qui
perché questo è qualcosa che non ho mai
in realtà è solo che devo guardare
a questo pa6
filo interdentale bla bla bla bla bla è
interessante che il primo articolo sia
le funzioni di freccia potrebbero avere proprietà di classe
non essere fantastico come pensiamo di sì
andando parlare dei problemi e come si fa
guardano come fanno pop gestire click
è uguale a oh, lo fai come penso
quello
tutto bene questa cosa con il
stenografia di scrivere cose come è
ora penso che sia fonte di confusione sì, lo è
che mi aspettavo che funzionasse davvero
dobbiamo fare qualcosa per
questo per fare cose che dobbiamo fare
questo devo fare qualcosa da fare
questo lavoro in quokka penso che dobbiamo
fai quel mm-hmm
si, è un po ‘un sospiro
dura ma in realtà penso che sia buona
perché le persone si imbatteranno in questo dovrebbe
Faccio qualcosa dovrei correre
sì esattamente devi farlo con il
capire come aggiungere preset bobble a
coca e aggiungo es 2017 e fase due sono
manderò quello nella chat aggiungilo
hai bisogno di preimpostazioni bobble quindi aggiungi questo al nostro
documenta come se fossimo questo questo documento
che stai vedendo qui questa è una nozione
documento che stiamo per essere collegamento
nella descrizione dell’episodio
sta funzionando oh non è stato installato no
penso sia stato installato un altro
la cosa come loro probabilmente lo ha cambiato
perché sì Bobble è come Oh Peggio
bersaglio commovente mai okay che ha preso come
25 minuti per ottenere gli artigli
funzioni funziona oh dio che era così
fastidioso
okay, in realtà aggiungiamolo al nostro
al nostro documento di nozione in modo che le persone
non c’è bisogno di soffrire per il nostro dolore
Aggiungo che qui mi piacera ‘
quindi il quad taglio per ottenere quello
lavoro
abbiamo fatto questo e poi per ottenere il
bolla o C funzionante che abbiamo fatto sei tu
trovarlo fantastico in un libro di codici
va bene che era fastidioso ma ora noi
finalmente è tutto ma voglio dire che lo è
è buono come questo e piace anche a me
solo una nota che devi installare questo
plugin nella directory dei moduli nodo così
cosa hai fatto qui con il respiro è a
funzione freccia proprietà sì questo è ciò
Suppongo che lo chiamiamo una classe
funzione della freccia di proprietà perché lo farà
essere strano chiamarlo freccia di proprietà ESS
funzione di sì è un po ‘strano
chiamalo es6 in realtà perché penso
si sta solo andando a farlo a causa ES6
non esiste più davvero l’ ho fatto
le denominazioni in cui quel termine avrebbe cambiato il nome
file quanto buona la nostra freccia di proprietà di classe
funzioni sì
così va tutto bene, così è
scappare più veloce perché non lo sono
ottenendo come qualsiasi valutazione qui
va bene riavviare quando rinominare il
Finanza oh così ora questo è in realtà
funzionando correttamente sto respirando i mem yeah
quindi, se annullo il problema
potrebbe il codice problematico qui giù sì
sì, penso che questo dovrebbe
ipoteticamente lavoro non penso che tu sia
nella mia parte più a destra
forse hai cambiato qualcosa in come
funzioni freccia di proprietà buone o di classe
si ho fatto bene ho decommentato il codice I
non si vede è ora ottenere fresco nuovo vi
Ho lo stesso che me ne sto andando e lo sono
ricongiungersi ancora
fantastici problemi tecnici vivono sì
ora sei qui ciao
geniale vedi ciò che vedo nel
come stai io vedo che dal vivo si fa
vedermi scrivere qui, io sto bene
quindi ora vai avanti e commenta questo
codice problematico che abbiamo prima e
vedere se il pulsante sul clic e poi leghiamo
quello di respirare e il tasto sulla torta
dice che mi sto respirando così sembra essere
lavorando ora come mi aspettavo, non avevamo bisogno
la parte vincolante sì esattamente così solo per
come mostrare di nuovo cerchiamo di convertire il
respirare proprietà a una funzione normale
così non voglio dire solo non usare il
sintassi della funzione di freccia okay, tu lo sai
potrebbe mostrare di nuovo il problema, sì esattamente
così si, si, si
e ora dice che sto respirando indefinito
invece sì va bene così questo modo di scrivere
respirare come una funzione di proprietà nel
funzione di proprietà normale e poi noi
dovrebbe usare la vite qui per dire al
respirare la funzione che dovrebbe
questo dovrebbe essere fluffykins sì a rendere
lavoro per far funzionare il traffico sì
ma rimuovendo questo e poi facendo questo
classe speciale prop la funzione della freccia
fallo funzionare comunque senza trovare cosa
quindi a prima vista sembra che questo sia
abbastanza bello giusto perché è giusto
risolve magicamente il problema semplicemente
utilizzare le proprietà della funzione freccia tutto il
tempo dappertutto, sì, sì
la cosa è come questa sintassi no
in realtà mi piace l’ oggetto JavaScript
il modello funziona solo in un certo modo
prototipi di core right abbiamo un po ‘come
cambia come il prototipo di tutto l’oggetto
il modello funziona questo è ciò che fa questo
dot dot no, questo punto è corretto
respirare questo è ciò che sta accadendo
sotto il cofano è uguale a questo non respirare
non legare e lo legherà
questo va bene che solo molto questo
in questa linea questo è questo è questo
ora penso che possiamo effettivamente farlo
come un normale metodo di funzione invece e
sì ora funziona così anche qui questo è
come un problema comune di così in un comune
modo di risolvere il doppio questo di
Il caos di Obama è semplicemente qualsiasi cosa
ci legheremo e creeremo nuovi
funzioni al riguardo alla costruzione
ton e bene non puoi fare questo il
problema è che si sta creando una nuova
funzione ogni volta che sei
istanziare lanuginosi quindi non è un
nozione di riferimento che stai effettivamente facendo
nuovi sì e voglio dire così se lo sei
creando come un intero Gillian Couvillion
birilli qui sei tu stai creando un
Hegelian piace per ogni metodo che sei
creando anche come una nuova funzione e
questo tipo di distrugge l’intero punto
di avere una classe in primo luogo
come se fosse
come il punto della classe è quello di salvare
che quello spazio di memoria e nella mia mente se
si inizia a iniziare usando la freccia della classe
funzioni e soprattutto se inizi
usandoli ovunque, penso personalmente
e questo è qualcosa che mi piace anche
A Crockford piace molto è semplicemente usare
basta buttare via le classi come
ci sono solo un casino e usi una fabbrica
funzione invece
sì, perché le classi non sono sentite
come JavaScript davvero sì è come
vedi come questo è così disordinato e simile
usiamo questa funzione di freccia e pensiamo
che oh sì, ha risolto qualcosa ma
sotto il cofano come ha questi strani
implicazioni di prestazioni che tu
completamente come solo ah così va bene così andiamo
riscrivere questa è una funzione di fabbrica ha
mai fatto nella mia vita
Va bene così sì, in realtà sono
ti istruirò sì, quindi crea un
funzione chiamata crea Dragon ok
crea Dragon yeah una funzione freccia o
un’altra funzione ordinaria in realtà non lo è
importa , usiamo solo una funzione normale
albero e lo renderò un Const altrimenti
il popolo OCD morirà in quel modo sì
e ora ma questo sarà molto
simile a come l’hai fatto sullo sviluppatore
L’episodio dei suggerimenti è fondamentalmente solo andando
creare un oggetto ok come quello
sì certo , iniziamo con quello ed è così
avrò il suo fix la cosa elemento
sì, sì, perfetto
e poi la funzione green yep
Mi limito a scrivere in questo modo sì
ottimo e poi restituisci questo oggetto sì
come quello
sì e ora puoi sì commentare lo farò
prendi la classe del drago e non cancellarla
così che possiamo tenerlo vicino a te
può anche commentare l’istanza
così bello e ora usiamo creare
drago invece di creare lanugine
come quella a destra fresco
non abbiamo ancora ancora undefined
freccia qui esattamente sì
quindi, perché li abbiamo ancora, lo farò
sposta questa cosa della classe qui dentro
si certo
quindi ha senso perché ci piacciono
stanno ancora usando questo nel creare
drago adesso ma in fabbrica
funziona questo non esiste in questo modo
è il noi non ci importa di quel che
non è un concetto per loro come noi
semplicemente non lo usiamo perché questo è
follemente confuso e ambiguo e
problematico va bene così, perché non lo facciamo
sai cosa potrebbe succedere, sì, così tu
invece, è solo che dichiari come
andiamo invece di usare come ha a
proprietà sull’oggetto appena dichiarare
una costante dentro esattamente così
sì e poi ti riferisci solo all’elemento
quindi non lo usi solo tu usi a
linea e come vedi dal momento che noi
in realtà non devi farlo
riassegnazione lì o sulla linea due
questo in realtà non è necessario perché noi
può usarlo yep ecco la funzione
argomento in realtà e il gioco è fatto
va bene e come tutto funziona e questo
parte qui quaggiù funziona pure sì
come previsto
certo e vedi quanto sia semplice questo hmm
ti piace è come perché di nuovo
non esiste una funzione di freccia di proprietà
la magia qui no è completamente uguale
è completamente trasparente ciò che
sta succedendo l’inferno
Voglio dire, abbiamo un problema di prestazioni
qui il nostro problema di memoria o qualunque cosa tu
voglio chiamarlo come perché siamo ora
creando come una nuova funzione ogni
singola volta ma ciò accade nel
classificare il nostro vero caso di funzioni – lo è
solo che è invisibile – è così
nascosto
perché ci hanno incitato a trascriverci o
piace il motore javascript
implicazioni di prestazioni come ma qui
come se fosse molto chiaro qual è il codice
facendo come se non ci fosse fondamentalmente quando noi
facciamo le funzioni di fabbrica che siamo una specie di
rimuovendo l’ intero l’intero scopo
con le classi è che avete così come un
progetto e poi costruisci una nuova cosa
fuori esattamente e non e
tutto è un riferimento per te
come se non ci fosse una quantità enorme di
cose ricreate ogni volta ma giù dentro
il drago di classe quando riutilizzi il
funzione freccia di classe proprietà speciali
si, basta appoggiare l’elefante qualunque cosa
poi abbiamo convertito la classe in modo così
fondamentalmente era solo un ricordo
implicitamente saggio è diventato lo stesso
cosa come questa funzione di fabbrica e
è per questo che potremmo anche solo scrivere
è come una funzione di fabbrica sì sì che cosa
abbiamo imparato no come vorrei
dire una cosa non si ottiene qualcosa
con l’errore come con la fabbrica
funzione che avvantaggia quella che abbiamo
non arriviamo con le lezioni suggerisco che sia
relativo agli elementi se posso bene se
solo tra la linea 8 e la linea 9 mmm-hmm
prova ad accedere all’elemento dall’esterno
impossibile
esattamente oh puoi creare ci piace tanto
thingy privato che si ottiene problema lass
da come se tu fossi così in Java tu
scrivi sempre come privato bla bla
privato significa privato bla bla bla
pubblico privato qualunque cosa non facciamo
avere in JavaScript ma ora non capisco
è implicitamente sì oh è abbastanza bello
sì, lo prendi gratis come e
questo è come se capissi chiusure
e tu non ne hai nemmeno bisogno
capisci il concetto di chiusura è
semplicemente così semplice cosa sta succedendo qui
come se non ci fosse niente di simile a questo
come questo, qualunque cosa farai se tu
riassegnarlo ai propri gestori di clic o
qualunque cosa tu faccia è sempre gonna lavoro
e sì, quindi cos’è?
Mi dispiace, quindi mi sento come quando tu
iniziare come cadere è come usando come
queste funzioni e roba di classe
come se tu avessi il tuo buon senso
in un tale casino con lezioni come te
avere una soluzione in cima a a
soluzione per risolvere un problema creato come
quello appena creato dalle classi e da Dio
basta buttare via tutto a mio parere e
basta usare le funzioni di fabbrica che sono così
semplice e così elegante e così
ricordo qui che questo spreco è così
insignificante mi sono imbattuto come come un
test delle prestazioni di creazione dell’oggetto sul mio
telefono e può creare 2 milioni
oggetti al secondo, ma perché era questo
funzione di errore di proprietà di classe suggerita
in primo luogo è come a causa di
che le persone stanno usando reagire o angolare
saggio perché qualcuno lo suggerisce
ogni volta che uno dei grandi vantaggi di
fabbrica funziona così quando sostengo
la funzione di fabbrica è che non abbiamo
il casino con questo e bind e roba
l’elemento simile qui sarà sempre
elemento e quindi le persone che sono
i sostenitori delle clausole vanno e dicono come
hey questo non è un problema in classi voi
al giorno d’oggi puoi semplicemente usare la classe
funzioni di classe proprietà freccia e che
è come quando voglio discutere questo punto
sì, ma se lo stai facendo tu
ottenere gli stessi problemi di prestazioni che
le funzioni di fabbrica hanno e poi tu
potrebbe anche usare le funzioni di fabbrica
perché sono molto più eleganti alla moda
capisci , sì capisco
e, naturalmente, possiamo riscrivere questo modo si
cucina molto più bella con la nuova sintassi e
tutto ma oh qualunque cosa
sì diamo in realtà farlo
quindi potrei farlo per aggiornare la sua sintassi
si dico che potrei fare solo potrei
Fai questo
e possiamo fare il respiro in questo modo
sì, così non puoi oh non l’ho nemmeno pensato
a proposito di quella merda, sì, ora sembra così
più bello sì sì ok Isis fantastico mi piace
di non avevo mai sentito parlare della classe
funzione di errore di proprietà quindi per me
non è stato davvero un problema che abbiamo risolto
qui ma bene l’ accoppiamento ma il confronto
perché mi piacevano le classi con cui ho iniziato
Java che era un po ‘come me
iniziato con PHP ma programmazione corretta
Ho cacciato attraverso Java e poi io
iniziato con la classe e orientato agli oggetti
e poi mi sono innamorato di
JavaScript e per me questo sembra proprio
più JavaScript accarezza il JavaScript I
come si, ecco perché mi piace , intendo
Gesù ha appena paragonato questo anche se lo facessi
rimuovere questa linea e andare e fare il
funzione di errore di classe qui continuo
dimenticando come appare
ben sequel o enfasi inviarli lì
sì come Gesù è come guardare
questo è così tanto più pulito così tanto
più piccolo mi chiedo quante volte usi
che questo è un minor numero di linee di codice
argomento contro il fatto che questo è un altro
argomento di prestazioni ottimali che puoi
ogni volta che hai un argomento per il
programmazione funzionale JavaScript
metodologia sì certo, ma voglio dire questo è
nemmeno il questo non è che è poco meno
codice come non è è non è più
in realtà è davvero meno di meno
cose che stiamo facendo non dobbiamo fare
come non c’è equivalente a questo punto
elemento perché possiamo semplicemente usare l’elemento
immediatamente e c’è anche lì
non c’è differenza di prestazioni tra
questi due sono ugualmente inefficaci
yeah yeah questo è quello che volevo dire
si, è così se puoi farlo anche tu
a lungo non ha letto cosa abbiamo imparato
sì
proprietà della classe di dimensione delle funzioni di freccia
funzione freccia Odio il nome sì io
ok è un buon nome perché lo è
classe e poi hai una proprietà e
poi la tua freccia funziona ma Coonan
qualcuno ha suggerito un nome migliore si
Voglio dire che dice esattamente di cosa si tratta
ma trovo che intendo che il nome è cattivo
perché la cosa è male è a
cosa complicata che sia ciò che penso
il nome è corretto è è la cosa
questo è male, sì, non va bene così per
me il troppo tempo non siamo noi non lo fai
devi usare bind se usi solo factory
funziona esattamente solo usare il
maledette funzioni di fabbrica davvero loro
sono belle così nell’esempio dall’ultima
video che abbiamo fatto su consigli di sviluppo come in
Alla fine abbiamo discusso di onclick
gestore e come il caso d’uso era quello
quando stiamo scorrendo un elenco di
draghi sì e vogliamo legare al clic
gestori per ogni drago che era
quando abbiamo dovuto legare per assicurarsi che tutto
come funzionerebbe qui come sarebbe
solo lavoro che non useresti usare
mente sì
perchè proprio sì risolve il problema
sì che risolve un problema che dovrebbe essere
ha detto di nuovo che non si tratta di memoria
efficiente siamo abituati a creare un
nuova funzione di recinzione sul lavoro per on on
ogni drago ma ti piacerà ma se
fai un sacco di legami che hai
problema in ogni caso quindi potresti anche usarlo
una funzione di fabbrica e facciamo e e
come sempre non ottimizzare se non lo fai
avere un problema di sì
buon Dio si aspetta sempre come attesa per
il problema da sorgere non provare a pensare
che è possibile l’ottimizzazione prematura
la radice di tutti i mali se non l’hai fatto
check out frame o X e se sei un
lo sviluppatore che lavora con i designer controlla
fuori dai frame rate lo fa ora tutto a posto
Questo
Ben se sei nuovo questo è stato un
episodio di fun fun function che rilasciamo
questi ogni lunedì mattina
oh aspetta centinaia di GMT te ne dimentichi
quindi puoi cliccare qui per
iscriviti o puoi cliccare qui se tu
voglio vedere un altro episodio adesso
Sono mpj e sono David fino al prossimo lunedì
la mattina rimani curioso
per esplorare come va bene diciamo che questo è
lunga quanto sono buone le proprietà di classe 6
funzioni della freccia sì sì tante persone
mi stanno parlando di come sono
magicamente bene e roba ma loro hanno
avvertimenti e ho voluto fare un
video su di esso per molto tempo siamo
i tuoi padroni mmm PJ e io sono David e tu
stanno guardando la funzione fine bene fare un po ‘
di esso un po ‘di esso, ma non va bene
okay, quindi facciamo lo sponsor framer
non ha uno script oh davvero oh
è davvero buono, penso che tu ne abbia bisogno
Flusso libero un po ‘perché tu sei
un po ‘ di più da esso in realtà più
familiarità con il prodotto di quanto lo sia io
l’ episodio di oggi è sponsorizzato da Framer
e sono davvero felice dello sponsor
in realtà perché è davvero buono
prodotto quindi un grosso problema a cui eravamo abituati
ho mentre stavo lavorando come Spotify è
come la collaborazione tra
progettisti e sviluppatori così avrebbero fatto
fondamentalmente una discarica come loro ci darebbero
questi file di Photoshop e eravamo come
li fanno davvero e per noi come noi
ha voluto creare come questi condiviso
componenti ma non potevano davvero usarli
loro e le loro cose di prototipazione e
è lì che Framer è così carino perché
lo sviluppatore può costruire i componenti
e quindi il progettista può semplicemente usare il tuo
componente che hai come sviluppatore
costruito perché il corniciaio reagisce completamente
basato sotto il cofano che è così divertente è
è incredibile e anche se sei un
sviluppatore e voglio solo ottenere qualcosa
piuttosto bello abbastanza decente
lavorando mentre sei tu sei
la prototipazione sembrerà e io
penso sia facile è bello sì sì
è un divertimento che piace se vuoi alzarti
il gioco per come quanto bene tu
collaborare e con i designer in
la tua organizzazione e stringi il
ciclo di feedback tra designer e
gli sviluppatori apprezzano davvero il corniciaio
come se fosse un buon prodotto sì
controllalo prima
questo episodio può essere visto da solo
ma è anche un episodio di follow-up sul
episodio che abbiamo fatto su consigli di sviluppo su questo
e leghiamo quindi avremo solo un super
breve riassunto quello che abbiamo fatto in un certo senso
adattato a questo ambiente in modo che tu possa
vai e guarda il video, ma cosa siamo noi
c’è stato che avevamo qualcosa a
drago in questo caso sì e ne ha alcuni
proprietà che è legata a questo questo
elemento di pensiero quindi ha un respiro
funziona lo sai da tutto il
roba per il traffico, quindi il drago è
respirare qualcosa così facciamo const
birichino e pelli con s giusto sì
ok questa è la più elite oh si
elite lanugine di Kames perché è un
nuovo drago che respira il fuoco ma è suo
l’elite può respirare bene i memes
il problema è che diciamo che abbiamo un
pulsante da qualche parte nel nostro coso e il
il pulsante ha un gestore onclick in questo momento
quindi abbiamo un oh no così è così
come il pulsante in questo è questo è il nostro
simulazione di ciò che accade nella bambola
giusto sì sì oops rama acceso clic
e poi aggiungiamo in fondo quando
clicchiamo sul pulsante che vogliamo dei parenti birichino
per respirare il suo fuoco ma cosa succede
quindi se lo clicchiamo, eseguo qui è
correre la coca
ha sì dice che ha un invalido
sintassi dove abbiamo aspettato non sarei stato valido
farlow buono o sì Excel Joe non è valido
la sintassi dice solo che non è valido
sintassi, grazie
sì, ho appena scritto questo esempio, abbiamo fatto noi
in realtà controllalo no no aspetta io lo vedo io
vederlo è qui oh scusa, mio cattivo mio cattivo
il tuo idiota del genere grazie
coketown sorta di bene dove clicco qui
pulsante unclick dice che sto respirando
indefinito e perché è quello che è
perché l’unclick fa riferimento al
i draghi respirano la funzione che è
fondamentalmente qualcosa che vive da solo
non ha niente a che fare con il drago
classe in modo che ritorni sto respirando questo
elemento ma JavaScript deve figurare
fuori di cosa si tratta e quando è qui
il bottone pensa solo che il
il pulsante è questo sì non ha un
elemento che stiamo assumendo qui che tu
conosci questa roba come da
il pubblico di professione del telefono è previsto
nota ma se non lo fai e questo questo
cosa che abbiamo appena spiegato confonde
tu in qualche modo come questo video è giusto
ti renderà ancora più confuso, quindi se
il confuso si va e guarda il video
che abbiamo fatto su consigli di sviluppo perché è così
come le immersioni profonde sta spiegando come
questo sì va bene così ora lo sai
tutto ora possiamo arrivare a questo
episodio sì tutto fresco giusto così un sacco di
gente fuori lasciami solo bisogno di un doppio
controlla una cosa tutto bene
okay un po ‘un po’ va bene così
per sistemare questo facciamo così
legare cosa facciamo fuoco fluffykins legame
e poi sto respirando i memi ora è così
risolto e il perché di questo vedi
come un legame di Haji lien kabillion
dichiarazioni su tutte le app in
JavaScript come questo sarà quando
i segmenti sono molto comuni specialmente in
reagire app ma quello che praticamente niente
trattare con la cupola e riassegnare
gestori di eventi e roba la cosa è
come se ce ne fosse un sacco così è un modo
di risolvere un problema ma c’è
in realtà c’è questa cosa nel non farlo
penso che sia effettivamente in JavaScript abbastanza
eppure è una proposta o molto
vicino ad essere implementato ma penso
puoi farlo come funzioni di freccia no
esattamente sicuro sulla sintassi on qui
perché questo è qualcosa che non ho mai
in realtà è solo che devo guardare
a questo pa6
filo interdentale bla bla bla bla bla è
interessante che il primo articolo sia
le funzioni di freccia potrebbero avere proprietà di classe
non essere fantastico come pensiamo di sì
andando parlare dei problemi e come si fa
guardano come fanno pop gestire click
è uguale a oh, lo fai come penso
quello
tutto bene questa cosa con il
stenografia di scrivere cose come è
ora penso che sia fonte di confusione sì, lo è
che mi aspettavo che funzionasse davvero
dobbiamo fare qualcosa per
questo per fare cose che dobbiamo fare
questo devo fare qualcosa da fare
questo lavoro in quokka penso che dobbiamo
fai quel mm-hmm
si, è un po ‘un sospiro
dura ma in realtà penso che sia buona
perché le persone si imbatteranno in questo dovrebbe
Faccio qualcosa dovrei correre
sì esattamente devi farlo con il
capire come aggiungere preset bobble a
coca e aggiungo es 2017 e fase due sono
manderò quello nella chat aggiungilo
hai bisogno di preimpostazioni bobble quindi aggiungi questo al nostro
documenta come se fossimo questo questo documento
che stai vedendo qui questa è una nozione
documento che stiamo per essere collegamento
nella descrizione dell’episodio
sta funzionando oh non è stato installato no
penso sia stato installato un altro
la cosa come loro probabilmente lo ha cambiato
perché sì Bobble è come Oh Peggio
bersaglio commovente mai okay che ha preso come
25 minuti per ottenere gli artigli
funzioni funziona oh dio che era così
fastidioso
okay, in realtà aggiungiamolo al nostro
al nostro documento di nozione in modo che le persone
non c’è bisogno di soffrire per il nostro dolore
Aggiungo che qui mi piacera ‘
quindi il quad taglio per ottenere quello
lavoro
abbiamo fatto questo e poi per ottenere il
bolla o C funzionante che abbiamo fatto sei tu
trovarlo fantastico in un libro di codici
va bene che era fastidioso ma ora noi
finalmente è tutto ma voglio dire che lo è
è buono come questo e piace anche a me
solo una nota che devi installare questo
plugin nella directory dei moduli nodo così
cosa hai fatto qui con il respiro è a
funzione freccia proprietà sì questo è ciò
Suppongo che lo chiamiamo una classe
funzione della freccia di proprietà perché lo farà
essere strano chiamarlo freccia di proprietà ESS
funzione di sì è un po ‘strano
chiamalo es6 in realtà perché penso
si sta solo andando a farlo a causa ES6
non esiste più davvero l’ ho fatto
le denominazioni in cui quel termine avrebbe cambiato il nome
file quanto buona la nostra freccia di proprietà di classe
funzioni sì
così va tutto bene, così è
scappare più veloce perché non lo sono
ottenendo come qualsiasi valutazione qui
va bene riavviare quando rinominare il
Finanza oh così ora questo è in realtà
funzionando correttamente sto respirando i mem yeah
quindi, se annullo il problema
potrebbe il codice problematico qui giù sì
sì, penso che questo dovrebbe
ipoteticamente lavoro non penso che tu sia
nella mia parte più a destra
forse hai cambiato qualcosa in come
funzioni freccia di proprietà buone o di classe
si ho fatto bene ho decommentato il codice I
non si vede è ora ottenere fresco nuovo vi
Ho lo stesso che me ne sto andando e lo sono
ricongiungersi ancora
fantastici problemi tecnici vivono sì
ora sei qui ciao
geniale vedi ciò che vedo nel
come stai io vedo che dal vivo si fa
vedermi scrivere qui, io sto bene
quindi ora vai avanti e commenta questo
codice problematico che abbiamo prima e
vedere se il pulsante sul clic e poi leghiamo
quello di respirare e il tasto sulla torta
dice che mi sto respirando così sembra essere
lavorando ora come mi aspettavo, non avevamo bisogno
la parte vincolante sì esattamente così solo per
come mostrare di nuovo cerchiamo di convertire il
respirare proprietà a una funzione normale
così non voglio dire solo non usare il
sintassi della funzione di freccia okay, tu lo sai
potrebbe mostrare di nuovo il problema, sì esattamente
così si, si, si
e ora dice che sto respirando indefinito
invece sì va bene così questo modo di scrivere
respirare come una funzione di proprietà nel
funzione di proprietà normale e poi noi
dovrebbe usare la vite qui per dire al
respirare la funzione che dovrebbe
questo dovrebbe essere fluffykins sì a rendere
lavoro per far funzionare il traffico sì
ma rimuovendo questo e poi facendo questo
classe speciale prop la funzione della freccia
fallo funzionare comunque senza trovare cosa
quindi a prima vista sembra che questo sia
abbastanza bello giusto perché è giusto
risolve magicamente il problema semplicemente
utilizzare le proprietà della funzione freccia tutto il
tempo dappertutto, sì, sì
la cosa è come questa sintassi no
in realtà mi piace l’ oggetto JavaScript
il modello funziona solo in un certo modo
prototipi di core right abbiamo un po ‘come
cambia come il prototipo di tutto l’oggetto
il modello funziona questo è ciò che fa questo
dot dot no, questo punto è corretto
respirare questo è ciò che sta accadendo
sotto il cofano è uguale a questo non respirare
non legare e lo legherà
questo va bene che solo molto questo
in questa linea questo è questo è questo
ora penso che possiamo effettivamente farlo
come un normale metodo di funzione invece e
sì ora funziona così anche qui questo è
come un problema comune di così in un comune
modo di risolvere il doppio questo di
Il caos di Obama è semplicemente qualsiasi cosa
ci legheremo e creeremo nuovi
funzioni al riguardo alla costruzione
ton e bene non puoi fare questo il
problema è che si sta creando una nuova
funzione ogni volta che sei
istanziare lanuginosi quindi non è un
nozione di riferimento che stai effettivamente facendo
nuovi sì e voglio dire così se lo sei
creando come un intero Gillian Couvillion
birilli qui sei tu stai creando un
Hegelian piace per ogni metodo che sei
creando anche come una nuova funzione e
questo tipo di distrugge l’intero punto
di avere una classe in primo luogo
come se fosse
come il punto della classe è quello di salvare
che quello spazio di memoria e nella mia mente se
si inizia a iniziare usando la freccia della classe
funzioni e soprattutto se inizi
usandoli ovunque, penso personalmente
e questo è qualcosa che mi piace anche
A Crockford piace molto è semplicemente usare
basta buttare via le classi come
ci sono solo un casino e usi una fabbrica
funzione invece
sì, perché le classi non sono sentite
come JavaScript davvero sì è come
vedi come questo è così disordinato e simile
usiamo questa funzione di freccia e pensiamo
che oh sì, ha risolto qualcosa ma
sotto il cofano come ha questi strani
implicazioni di prestazioni che tu
completamente come solo ah così va bene così andiamo
riscrivere questa è una funzione di fabbrica ha
mai fatto nella mia vita
Va bene così sì, in realtà sono
ti istruirò sì, quindi crea un
funzione chiamata crea Dragon ok
crea Dragon yeah una funzione freccia o
un’altra funzione ordinaria in realtà non lo è
importa , usiamo solo una funzione normale
albero e lo renderò un Const altrimenti
il popolo OCD morirà in quel modo sì
e ora ma questo sarà molto
simile a come l’hai fatto sullo sviluppatore
L’episodio dei suggerimenti è fondamentalmente solo andando
creare un oggetto ok come quello
sì certo , iniziamo con quello ed è così
avrò il suo fix la cosa elemento
sì, sì, perfetto
e poi la funzione green yep
Mi limito a scrivere in questo modo sì
ottimo e poi restituisci questo oggetto sì
come quello
sì e ora puoi sì commentare lo farò
prendi la classe del drago e non cancellarla
così che possiamo tenerlo vicino a te
può anche commentare l’istanza
così bello e ora usiamo creare
drago invece di creare lanugine
come quella a destra fresco
non abbiamo ancora ancora undefined
freccia qui esattamente sì
quindi, perché li abbiamo ancora, lo farò
sposta questa cosa della classe qui dentro
si certo
quindi ha senso perché ci piacciono
stanno ancora usando questo nel creare
drago adesso ma in fabbrica
funziona questo non esiste in questo modo
è il noi non ci importa di quel che
non è un concetto per loro come noi
semplicemente non lo usiamo perché questo è
follemente confuso e ambiguo e
problematico va bene così, perché non lo facciamo
sai cosa potrebbe succedere, sì, così tu
invece, è solo che dichiari come
andiamo invece di usare come ha a
proprietà sull’oggetto appena dichiarare
una costante dentro esattamente così
sì e poi ti riferisci solo all’elemento
quindi non lo usi solo tu usi a
linea e come vedi dal momento che noi
in realtà non devi farlo
riassegnazione lì o sulla linea due
questo in realtà non è necessario perché noi
può usarlo yep ecco la funzione
argomento in realtà e il gioco è fatto
va bene e come tutto funziona e questo
parte qui quaggiù funziona pure sì
come previsto
certo e vedi quanto sia semplice questo hmm
ti piace è come perché di nuovo
non esiste una funzione di freccia di proprietà
la magia qui no è completamente uguale
è completamente trasparente ciò che
sta succedendo l’inferno
Voglio dire, abbiamo un problema di prestazioni
qui il nostro problema di memoria o qualunque cosa tu
voglio chiamarlo come perché siamo ora
creando come una nuova funzione ogni
singola volta ma ciò accade nel
classificare il nostro vero caso di funzioni – lo è
solo che è invisibile – è così
nascosto
perché ci hanno incitato a trascriverci o
piace il motore javascript
implicazioni di prestazioni come ma qui
come se fosse molto chiaro qual è il codice
facendo come se non ci fosse fondamentalmente quando noi
facciamo le funzioni di fabbrica che siamo una specie di
rimuovendo l’ intero l’intero scopo
con le classi è che avete così come un
progetto e poi costruisci una nuova cosa
fuori esattamente e non e
tutto è un riferimento per te
come se non ci fosse una quantità enorme di
cose ricreate ogni volta ma giù dentro
il drago di classe quando riutilizzi il
funzione freccia di classe proprietà speciali
si, basta appoggiare l’elefante qualunque cosa
poi abbiamo convertito la classe in modo così
fondamentalmente era solo un ricordo
implicitamente saggio è diventato lo stesso
cosa come questa funzione di fabbrica e
è per questo che potremmo anche solo scrivere
è come una funzione di fabbrica sì sì che cosa
abbiamo imparato no come vorrei
dire una cosa non si ottiene qualcosa
con l’errore come con la fabbrica
funzione che avvantaggia quella che abbiamo
non arriviamo con le lezioni suggerisco che sia
relativo agli elementi se posso bene se
solo tra la linea 8 e la linea 9 mmm-hmm
prova ad accedere all’elemento dall’esterno
impossibile
esattamente oh puoi creare ci piace tanto
thingy privato che si ottiene problema lass
da come se tu fossi così in Java tu
scrivi sempre come privato bla bla
privato significa privato bla bla bla
pubblico privato qualunque cosa non facciamo
avere in JavaScript ma ora non capisco
è implicitamente sì oh è abbastanza bello
sì, lo prendi gratis come e
questo è come se capissi chiusure
e tu non ne hai nemmeno bisogno
capisci il concetto di chiusura è
semplicemente così semplice cosa sta succedendo qui
come se non ci fosse niente di simile a questo
come questo, qualunque cosa farai se tu
riassegnarlo ai propri gestori di clic o
qualunque cosa tu faccia è sempre gonna lavoro
e sì, quindi cos’è?
Mi dispiace, quindi mi sento come quando tu
iniziare come cadere è come usando come
queste funzioni e roba di classe
come se tu avessi il tuo buon senso
in un tale casino con lezioni come te
avere una soluzione in cima a a
soluzione per risolvere un problema creato come
quello appena creato dalle classi e da Dio
basta buttare via tutto a mio parere e
basta usare le funzioni di fabbrica che sono così
semplice e così elegante e così
ricordo qui che questo spreco è così
insignificante mi sono imbattuto come come un
test delle prestazioni di creazione dell’oggetto sul mio
telefono e può creare 2 milioni
oggetti al secondo, ma perché era questo
funzione di errore di proprietà di classe suggerita
in primo luogo è come a causa di
che le persone stanno usando reagire o angolare
saggio perché qualcuno lo suggerisce
ogni volta che uno dei grandi vantaggi di
fabbrica funziona così quando sostengo
la funzione di fabbrica è che non abbiamo
il casino con questo e bind e roba
l’elemento simile qui sarà sempre
elemento e quindi le persone che sono
i sostenitori delle clausole vanno e dicono come
hey questo non è un problema in classi voi
al giorno d’oggi puoi semplicemente usare la classe
funzioni di classe proprietà freccia e che
è come quando voglio discutere questo punto
sì, ma se lo stai facendo tu
ottenere gli stessi problemi di prestazioni che
le funzioni di fabbrica hanno e poi tu
potrebbe anche usare le funzioni di fabbrica
perché sono molto più eleganti alla moda
capisci , sì capisco
e, naturalmente, possiamo riscrivere questo modo si
cucina molto più bella con la nuova sintassi e
tutto ma oh qualunque cosa
sì diamo in realtà farlo
quindi potrei farlo per aggiornare la sua sintassi
si dico che potrei fare solo potrei
Fai questo
e possiamo fare il respiro in questo modo
sì, così non puoi oh non l’ho nemmeno pensato
a proposito di quella merda, sì, ora sembra così
più bello sì sì ok Isis fantastico mi piace
di non avevo mai sentito parlare della classe
funzione di errore di proprietà quindi per me
non è stato davvero un problema che abbiamo risolto
qui ma bene l’ accoppiamento ma il confronto
perché mi piacevano le classi con cui ho iniziato
Java che era un po ‘come me
iniziato con PHP ma programmazione corretta
Ho cacciato attraverso Java e poi io
iniziato con la classe e orientato agli oggetti
e poi mi sono innamorato di
JavaScript e per me questo sembra proprio
più JavaScript accarezza il JavaScript I
come si, ecco perché mi piace , intendo
Gesù ha appena paragonato questo anche se lo facessi
rimuovere questa linea e andare e fare il
funzione di errore di classe qui continuo
dimenticando come appare
ben sequel o enfasi inviarli lì
sì come Gesù è come guardare
questo è così tanto più pulito così tanto
più piccolo mi chiedo quante volte usi
che questo è un minor numero di linee di codice
argomento contro il fatto che questo è un altro
argomento di prestazioni ottimali che puoi
ogni volta che hai un argomento per il
programmazione funzionale JavaScript
metodologia sì certo, ma voglio dire questo è
nemmeno il questo non è che è poco meno
codice come non è è non è più
in realtà è davvero meno di meno
cose che stiamo facendo non dobbiamo fare
come non c’è equivalente a questo punto
elemento perché possiamo semplicemente usare l’elemento
immediatamente e c’è anche lì
non c’è differenza di prestazioni tra
questi due sono ugualmente inefficaci
yeah yeah questo è quello che volevo dire
si, è così se puoi farlo anche tu
a lungo non ha letto cosa abbiamo imparato
sì
proprietà della classe di dimensione delle funzioni di freccia
funzione freccia Odio il nome sì io
ok è un buon nome perché lo è
classe e poi hai una proprietà e
poi la tua freccia funziona ma Coonan
qualcuno ha suggerito un nome migliore si
Voglio dire che dice esattamente di cosa si tratta
ma trovo che intendo che il nome è cattivo
perché la cosa è male è a
cosa complicata che sia ciò che penso
il nome è corretto è è la cosa
questo è male, sì, non va bene così per
me il troppo tempo non siamo noi non lo fai
devi usare bind se usi solo factory
funziona esattamente solo usare il
maledette funzioni di fabbrica davvero loro
sono belle così nell’esempio dall’ultima
video che abbiamo fatto su consigli di sviluppo come in
Alla fine abbiamo discusso di onclick
gestore e come il caso d’uso era quello
quando stiamo scorrendo un elenco di
draghi sì e vogliamo legare al clic
gestori per ogni drago che era
quando abbiamo dovuto legare per assicurarsi che tutto
come funzionerebbe qui come sarebbe
solo lavoro che non useresti usare
mente sì
perchè proprio sì risolve il problema
sì che risolve un problema che dovrebbe essere
ha detto di nuovo che non si tratta di memoria
efficiente siamo abituati a creare un
nuova funzione di recinzione sul lavoro per on on
ogni drago ma ti piacerà ma se
fai un sacco di legami che hai
problema in ogni caso quindi potresti anche usarlo
una funzione di fabbrica e facciamo e e
come sempre non ottimizzare se non lo fai
avere un problema di sì
buon Dio si aspetta sempre come attesa per
il problema da sorgere non provare a pensare
che è possibile l’ottimizzazione prematura
la radice di tutti i mali se non l’hai fatto
check out frame o X e se sei un
lo sviluppatore che lavora con i designer controlla
fuori dai frame rate lo fa ora tutto a posto
Questo
Ben se sei nuovo questo è stato un
episodio di fun fun function che rilasciamo
questi ogni lunedì mattina
oh aspetta centinaia di GMT te ne dimentichi
quindi puoi cliccare qui per
iscriviti o puoi cliccare qui se tu
voglio vedere un altro episodio adesso
Sono mpj e sono David fino al prossimo lunedì
la mattina rimani curioso
Please follow and like us: