Press "Enter" to skip to content

var, let and const – What, why and how – ES6 JavaScript Features


buon lunedì mattina sono mvj e tu sei
guardare la funzione fun fun è questo video
parte di una serie in cui esploriamo
insieme un paio di nuovi concetti in
JavaScript che è arrivato in Equus 56 tu
puoi trovare tutti gli episodi in una playlist
cliccando nell’angolo in alto a destra o
nella descrizione dell’episodio oggi siamo
andando a esplorare la differenza tra
bar lasciare e Const in rete il mio script 5 noi
aveva solo un modo per dichiarare le variabili
ma con il mio script 6 ora abbiamo
3 ricordiamoci prima come bar
funziona quindi diciamo che hai un per
loop questo è normalmente il primo caso
dove tu come un nuovo programmatore JavaScript
incorrere in questa piccola stranezza ah se
questo era circa 10 i + + da fare e noi
corriamo che va bene così conta su
ora in altri linguaggi di programmazione ah
questo sarebbe il suo piccolo scopo giusto
Sarei comunque accessibile solo qui
in JavaScript, ah, possiamo effettivamente
console.log anche qui
eseguilo e vedi che è il 10 dopo il ciclo
questo è super intuitivo quando vieni
in da un altro linguaggio di programmazione
perché ti aspetti di essere io
ambito per questo solo contesto qui voi
non aspettarti che sopravviva al di fuori di
quel ciclo e la ragione per quello è
che esiste un solo tipo di variabile
ambito nella nostra atmosfera 5 e cioè a
scopo della funzione per illustrare questo io sono
andando a racchiudere tutto questo in una funzione
per te una bomba ci stiamo andando a chiamare
il contatore delle funzioni e stiamo andando a
chiamare la funzione eseguirlo immediatamente
funziona anche
ora proviamo a spostare questo registro dopo il ciclo
boom di destra esterna ora riceviamo un errore
l’occhio non è definito e questo perché
lo scope variabile per bar è solo il
funzione così io qui sarà solo
disponibile nel contatore qui ed è
a causa di ciò che vedi spesso
Codice JavaScript che fa cose come questa
vedi qui che sto chiamando una chiamata
subito dopo, ma vedi spesso
Codice JavaScript simile a questo e
questa è una funzione che è dichiarata e
allora viene immediatamente chiamato questo
chiamato una funzione immediatamente invocata
espressione o incerto e le persone fanno per
mantenere le variabili che si trovano all’interno del
Eevee’s per inquinare il resto dei codici
crea tutto il blocco coesivo di
specie di rifugio sicuro che ho menzionato prima
Le variabili JavaScript sono issate cosa
significa che significa che loro
sono issati in cima alla loro funzione
quindi quello che stiamo guardando qui non lo è
esattamente ciò che verrà eseguito
Infatti, cosa farà il compilatore JavaScript
fai nel nostro interprete e lo farà
passa attraverso il codice che troverà
dichiarazioni variabili e sta per
prendili e li spingerà verso l’ alto
in cima al codice o all’inizio di
la funzione ah che è così è
andando a fare così non importa se
ci sono molte righe di codice qui
sta andando come sempre tirare la
dichiarazioni variabili fino alla cima
c’è anche un aspetto orribile di questo
e questo è se dimentichi la variabile
dichiarazione e solo come dichiararlo
subito così poi andrà a
essere disponibile qui
e questo perché ciò che è successo è
che l’interprete javascript ha messo
qui sopra se non ci sono variabili
dichiarazione all’interno della funzione è
andando a continuare a salire la funzione
catena di tutta la strada fino al globale o
l’oggetto finestra e quando quando
trova che sta per AH posto a
variabile lì è, naturalmente
orribile perché significa che puoi
solo per sbaglio la nostra dichiarazione
variabili globali quindi questo è effettivamente uno
delle cose che l’uso rigoroso
dichiarazione che sei incoraggiato a
usa sempre ti impedisce di farlo se
Uso la dichiarazione rigorosa di uso e
cercando di fare questo errore sta andando
per lanciare un errore lo dirà
Non sono definito quindi non posso assegnarlo
javascript è un linguaggio che è
cercando di essere amichevole come un principiante
possibile e bene all’inizio
ha fatto alcune cose che erano un po ‘troppo
utile e questo è questo è uno di loro
ed è per questo sono l’hai stretta
dichiarazione è stata introdotta un paio di
anni fa dovresti usare sempre l’uso
rigoroso solo per mostrarti un esempio finale
diciamo che ho per I uguale a nove
nove nove nove nove nove nove nove e io
esegui questo penso che hmm oh scusa
punto e virgola ah lì funziona lasciami
menziona questo uh così l’hai visto lì
quando ho eseguito questo codice era tutto questo
numero non è una funzione che è perché
Sono una di quelle persone orribili
non usare il punto e virgola e questo è quello
trappola in cui quella effettiva causa un errore
è quando quando faccio questo è ci prova
interpretalo come questo così sta provando a
chiama il 911 come funzione noi
con questa funzione come argomento
quindi se vuoi il codice senza
punto e virgola è necessario ricordare che
ogni volta che inizi una riga con a
parentesi dovresti iniziare con a
punto e virgola se sei interessato al mio
vista della virgola uh è possibile controllare
l’ episodio su quello nell’angolo in alto
o cliccarlo nella descrizione in basso
di seguito non si torna all’esempio, quindi vedi
che qui stiamo registrando nove a
nove nel ciclo successivo e sta registrando
su questo valore qui anche se lo siamo
usando una variabile con lo stesso nome
all’interno della funzione qui e cioè
perché questo è ambito per questa funzione
solo se rimuoviamo questa var qui ed eseguiamo
ciò significa che noi otteniamo un 10
qui e quello è perché II è ora
riassegnare questa variabile qui perché
starà cercando di trovare qui Ihh
Va bene non abbiamo idea e quindi sarà
camminando sul trio di funzioni lo farà
essere trovare questo io e sarà
riassegnato quello ed è per questo che è
tirandolo fuori qui dieci e ricorda a
sollevare come se lo facessimo qui
non sarà ancora dichiarato in
quello spazio che vedi qui nove nove nove
nove nove anche se sta assegnando
qui e quello è perché sta ottenendo
issato prima che venga eseguito così
è davvero andando essere qui quando si tratta di
eseguendo ciò che let non avrà questo
problema um Let ID e sto per eseguirlo
boom funziona come previsto
questo perché let introduce il blocco
portata questa variabile qui quella che noi
sinistra è
solo andando ad essere accessibile all’interno di
questo ciclo for questo è anche andare a essere
vero dentro una frase if che dicono
se due dichiarazioni molto utili se siamo noi
assegniamo diciamo che io sono uguale a otto otto
otto otto otto otto otto e dopo
su quello vedi che sono ancora le nove e nove
nove nove nove
se l’avessi appena detto, ad esempio
sarei otto otto otto otto otto
anche io penso che se lo dicessi per me
sarebbero ancora otto otto otto otto
otto
perché in JavaScript è così
permesso di usare per più volte e io
pensa semplicemente lo tradurrà
a questo sì, perché a causa di
il sollevamento così se io forse più facile se io
Diciamo che l’ ho dichiarato qui per alcuni
ragionare
questo vorrebbe comunque che si issasse
queste due dichiarazioni variabili questi
due sarà solo uomo oh no questo non lo è
valido lo farò e lo farò
rimuovere questi non è necessario non farlo
corri così che il compito qui è finito
scrivendo qualunque cosa ero sopra e il
incarico sopra a meno che non lo faccia
sarebbero nove e e di nuovo perché a sinistra
sarà accessibile solo all’interno di questo
ambito perché let non è lo scope scope
ambito di funzioni come Voris molto
la gente dice che la sinistra è la novità per e
Sono d’accordo non c’è semplicemente alcun motivo per usare
molto più lontano
forse ci sono alcuni molto specifici
motivo ma a meno che ovviamente non si possa usare
Const che puoi quasi sempre prima
Io vi parli
case fammi lamentarsi sul perché c’è così
molto perché ti sei fermato qui questo è un
imballaggio per la mia nuova scrivania ah questo è il mio
scrivania l’ ho comprato perché sono iPad questi
la mano dipinge come qui e come
infiammata penso che il dottore abbia detto ah
rendendo davvero difficile il lavoro e
mi fa impazzire
Onesto, quindi sto comprando la sostituzione
tutto ciò che è anche un minimo accenno
economico solo pazzo quanto sei
dipende dal tuo primario stanno lavorando
sviluppare se avete qualche consiglio su
affrontare il dolore alle braccia di lavorare in a
computer per lunghi periodi di tempo
per favore scriverli qui sotto per il
benefici dei tuoi colleghi programmatori e
si, quindi comunque Const post è quello che io
davvero voluto parlare in questo
episodio che hai appena spiegato di meno
per parlare di cons perché
I pettini sono come sinistra eccetto che tu
non può cambiare è che non è abbastanza
corretta
ah per essere precisi non puoi leggere un cartello
lasciami cancellare questo e lo farò
4 x è uguale a 1 e sto andando a console
logga X per cancellare questo ed eseguirlo ora
restituire 1 attendere un minuto non è necessario
usa la barra più che abbiamo lasciato
ah sarà esattamente lo stesso, quindi lascia
può essere riassegnato in modo da poter fare x uguale
2 e sarà 2 se io
dichiarare questo come Const come in costante
mi darà un boom di errori
assegnazione 2 variabile costante no
permesso non che la costante non faccia
le cose belle quindi diciamo che questo è un
oggetto dove abbiamo avuto una mosca forte ah 5
e quindi posso effettivamente fare X più y
uguale a sei ed eseguirlo e sarebbe ancora
permettimi di cambiare una proprietà del
costante ma non mi è permesso
riassegnalo completamente con un nuovo oggetto
dite che y è uguale a Z è uguale a 9 o qualsiasi altra cosa
questo causerà un errore quindi non lo è
completa immutabilità ma impedisce a
la riassegnazione torna all’originale
esempio secondo me dovresti sempre
usa i coni se non ne hai assolutamente bisogno
per cambiare la variabile in quel caso tu
dovrebbe usare la slitta ma solo se è necessario
ora, perché è così, oh, li hai padellati
per questo vogliamo minimizzare la mutevolezza
affermare che i miei amici sono così importanti
non ci sono molte cose dentro
programmazione che sono verità universali
che sono semplicemente buoni ma questo è
uno di loro quindi ho una lavastoviglie in
la cucina e credo che abbia un
un mucchio di microcontrollori e roba in
e a volte smette di funzionare
non è un errore utente che sto facendo esattamente come
dice nel manuale niente aiuta così
si fa quello che ogni persona di computer sarà
fare ogni volta che incontrano un problema
così lo spengono e riaccendono
e funziona questo è e questo è il
riscaldare l’utente fa esattamente lo stesso
cosa prima e dopo il riavvio ma
dopo il riavvio lo stesso input
fa funzionare la cosa mentre non lo faceva
prima e questo è ovviamente perché
qualche stato nella macchina si è fatto incazzare
alcuni set di input un po ‘di tempo in alcuni
la consolazione ha fatto impostare una variabile
prima di un altro
e i programmatori della lavastoviglie no
pensato a quel caso e quello giusto
mettere la macchina in uno stato non lavorabile
e l’unico modo per far funzionare di nuovo era
per scaricare tutto lo stato e iniziare
tutto fin dall’inizio la mia
la lavastoviglie mi ricorda sempre questo
la verità è che è così importante da minimizzare
stato mutabile perché crea così tanti
problemi di stato mutevole è così facile
fare errori, quindi è molto buono
idea di averne un po ‘il più possibile
nel tuo progetto e mettendo com
ovunque non si usi la variabile
riassegnazione aiuta un po ‘
in questo modo non aiuta molto ma fa male
un po ‘ è così bello quando qualcosa
non è mutevole ah per esempio qui come
stiamo assegnando X per essere uno lo sappiamo
X da questo punto in poi sarà sempre 1
perché in numeri in JavaScript
in realtà non sono mutabili, non possiamo farlo
come X plus plus qui e per cambiarlo
non è mai andare a lavorare diventa così
peloso nel tuo progetto se ne ottieni uno
oggetto e quell’oggetto ha un mucchio di
proprietà modificabili che controlli
loro e vedete che si ok loro sono questo
valore ah, ma mentre progredisci verso il basso
codice o gettare quell’oggetto dopo
le cose sono successe l’oggetto potrebbe
sono cambiati ma questo è orribile
rende così difficile lavorare con Talaash
accetta javascript nel browser salva
tu da questo perché è single
threaded single process così almeno
le cose possono cambiare completamente
esecuzione a zecca come la Canon c-sharp o
Java ma può ancora succedere in molti
casi in cui il mondo cambia
i tuoi piedi, ma questo è un principio
è così utile in generale, non solo in
JavaScript in futuro lo faremo
avere sempre più core così sta andando
per essere molto importante che impariamo a
programmazione in un modo che è adattato a
il fatto che ci saranno molti
dei processi che attraversano il nostro codice in
allo stesso tempo una volta che abbiamo quello
con lo stato mutabile in tutto il mondo
diventa completamente irrealistico da trattare
con il minimo stato mutabile che è
molto importante quindi quando usi la terra
chiediti solo sto davvero cambiando
questa variabile e ho davvero bisogno di
cambialo se non usi Const perché quello
comunica con il futuro sviluppatore
il prossimo sviluppatore in linea che questo
variabile questo non cambierà mai, quindi facciamolo
dì che questo grande pezzo di software
e vedono un Const in cima
e stanno eseguendo il debug di qualcosa correlato
ad esso possono sapere che va bene questo
non cambierà mai
va bene non essere assegnato un posto e loro
non dovrà guardare attraverso il codice in
il mezzo per cercare di capire se è
mai cambiare lo sanno già così
possono passare ad altre cose è
molto bello, è un po ‘commuting
comunicare al futuro sviluppatore o
chi sarà probabilmente te
questo è un bene anche per te che è per
oggi hai guardato la rete così Oh divertente
funzione di laghetto li rilascerò tutti
Lunedì mattina Oh 800 GMT ora se tu
è piaciuto questo episodio che potresti voler controllare
gli altri episodi di questa serie di
Cliccando in alto o in
descrizione dell’episodio e potresti anche
voglio considerare se questo canale è
qualcosa a cui vuoi iscriverti
Sono mpj fino al prossimo lunedì mattina grazie
tu
tu
Please follow and like us: