Press "Enter" to skip to content

Destructuring: What, Why and How – Part 1 of ES6 JavaScript Features


ciao oggi ci stiamo imbarcando in una nuova
serie di video che stiamo per imparare il
nuove funzionalità JavaScript come gruppo queste
le caratteristiche hanno molti nomi sul
interwebs es6 Script ACMA 6 harmony es
Nel 2015, comunque , impareremo
quelli uno presentano un breve video in a
tempo e oggi stiamo imparando a de
strutturare quello che è
perché è una buona cosa e ovviamente come
per usarlo cos’è questa strutturazione
la destrutturazione è una nuova funzionalità di
JavaScript che ti permette di rompere
separare la struttura della chiave in variabili
lascia che ti mostri un esempio guarda questo
animale oggetto sottospecie cane ha a
peso e fa muovere il suono, facciamolo
assegnare due delle proprietà a locale
variabili
whoo cosa è successo qui
Sono sicuro, facciamo il logout e vediamo
e corri
sai dire dolce non sono alcuni spazi
il cane dice corna, quindi ci sono alcune cose
andando avanti quello che stiamo facendo qui è quello
siamo D strutturando l’oggetto animale
in due specie variabili locali e
suono così quando facciamo questo le proprietà
suono e specie sono assegnati al locale
variabili che ci danno la possibilità di
accedile qui qui
questo è essenzialmente ciò che distrugge
probabilmente noti anche che io sono
non sto usando la nota sulla vaniglia che sto usando
qualcosa chiamato Bubble Bobble è super
bello perché ti permette di usare
Funzionalità JavaScript dal futuro in a
nodo e nei browser in cui si integra
praticamente tutto chiamato grugnito
browserify qualunque cosa stai usando o in
questo caso posso solo usarlo in console
e lo instrado a prendere nota di ciò che sto facendo
è che sto combattendo l’uomo ribollente e
il mio file javascript con es6 javascript
in esso la bolla verrà compilata alla normalità
file di script ACMA di script Java fondamentalmente
lascia che ti mostri solo come sembra
senza digitare per notare se si confronta
la bolla esce qui con la linea sette
nel file di lavoro JS esempio si vedrà
che la nostra atmosfera cripta 6 destrutturando
qui è stato appena compilato per Natale
55 e questo è anche un buon modo di vedere
che diavolo sta succedendo stiamo andando
per parlare di come usare questo in solo a
minuto ma prima voglio spendere un po ‘
tempo a parlare del perché vuoi usare
questo il caso d’uso più comune o
destrutturazione è quello di rendere più facile
gestire gli oggetti opzione per opzione
oggetti intendo oggetti a cui si passa
una funzione che è un singolo oggetto che
potrebbe o potrebbe non contenere
diverse proprietà se hai avuto a che fare
con la funzione Ajax in jQuery tu
riconoscere che il modello ora guarda a questo
codice stiamo chiamando una funzione chiamata
fare suono e stiamo passando in un
opzioni oggetto questo è solo un oggetto
letterale dove le poche specie di proprietà
cane peso 23 e cassa sonora siamo i primi
implementerà la funzione di creazione del suono
senza usare la struttura e così fare
il suono prende un oggetto opzioni ed è
andando a stampare qualcosa
facciamolo, dal momento che non ne usiamo nessuno
ActionScript sei funzioni e noi no
ho bisogno di fare confusione con le bolle Oreo no
prova J s e il cane dice woof I’m
andando a fare un esempio un po ‘
più complicato lo faremo
specie e proprietà facoltative sul
oggetto delle opzioni rimuoverò le specie da
l’oggetto opzioni che viene passato in esame
cos’è che dice il non definito cosa?
beh, non possiamo avere ciò che non prenderemo
il valore di guasto quindi andiamo opzioni
smettere di specie la specie opzione di prova se
esiste altrimenti sarà un E e
noi corriamo che l’animale dice woof così
parliamo di problemi con questo codice
questo è solo un piccolo esempio stupido ma
se questa funzione fosse parte di un reale
programma sarebbe molto più grande così tu
devo ricordare che tutti i problemi
che ci accingiamo a parlare con
questo codice stanno per essere molto più grande
un vero pezzo di software prima di tutto
notiamo che c’è un sacco di
ripetizioni ci riferiamo alle opzioni qui a
molto è anche un po ‘difficile da scansionare
perché tutto è prefissato con
queste opzioni fanno riferimento al codice
essere più leggibile se non ci fossero
guarda questo è molto più leggibile
di questo è anche difficile vedere cosa
fare in modo che il suono abbia bisogno solo guardando
Posso davvero dover andare giù
la funzione e vedere che va bene ha bisogno
suono e io Nick Nick specie non posso
basta vederlo dal trucco e se questo
era di nuovo più grande dovevo andare
scavare nella funzione e questo è male
alcuni di questi problemi sono risolvibili
senza queste strutturazioni per il solo
dichiarando le variabili nella parte superiore del
funzione e lo faremo ora
e
e quindi possiamo rimuovere queste opzioni
riferimenti questo è un po ‘meglio lì
sono pochi riferimenti è un po ‘più facile
scansione Posso solo vedere le specie
campionare immediatamente è anche molto
più chiaro di cosa la specie abbia bisogno di specie
suono perché lì in cima al
funzione ma vediamo se possiamo farlo
ancora meglio con questa struttura proprio così
commentiamo questo per confronto
scopi e andare avanti sulla struttura dei geni
dalle opzioni dobbiamo anche gestirlo
le specie sono facoltative
barbone sample dot j ass pipe that note
gli animali da quando la trama ancora si veste e
ora mi stai dicendo che non lo è
quello molto più corto giusto è è ancora
due righe è 64 caratteri contro 169
personaggi è solo come pochi
personaggio più corto molto astuto di te ma
cosa succede se ti dicessi che potresti fare
destrutturazione nella firma del metodo
e assegna i valori di default in esso cazzo
si
okay cancelliamo questo codice scadente qui
e stiamo andando spostare questo in
firma della funzione qui e lo faremo
diciamo che la specie è per animale di default
rimuovere questo e rimuovere tale ed eseguirlo
l’animale dice ancora che è così che fai
questa struttura ora ce n’è ancora di più
cose interessanti da fare con la strutturazione
puoi proprietà destrutturate in due
variabili anche se sono nidificate
parecchi strati in profondità e tu no
limitato agli oggetti destrutturanti che puoi
anche array di distruttori, ma me ne andrò
tutto ciò fino alla tua curiosità oggi noi
hanno imparato il perché e il come
queste strutturazioni lo abbiamo imparato in
strutturare è un equi script sei
caratteristica che ti permette di rompere un
oggetto o matrice fino a variabili e
abbiamo anche visto che è molto utile
quando hai a che fare con oggetti opzione
e abbiamo visto alcuni esempi su come
faccio la strutturazione in questa serie che voglio
per coprire JavaScript nuovo e interessante
caratteristiche quindi cosa volete vedere
Coprirò la prossima volta i commenti in basso o
mandami un tweet su MP Jamie e fai
sicuro di non perdere il prossimo
episodio iscriversi cliccando qui ish
sulla mia faccia e o seguimi su Twitter
fino alla prossima volta rimani curioso
Please follow and like us: