Press "Enter" to skip to content

The ‘new’ keyword – Object Creation in JavaScript P4 – FunFunFunction #50


buona Lunedi mattina Sono MPJ e tu sei
guardando la funzione fun fun today we are
andando a continuare la nostra serie su oggetto
creazione in JavaScript e stiamo andando
per esplorare la nuova parola chiave che stiamo andando
parlare di nuovo quando viene applicato
funzioni di cui non parleremo
il nostro nuovo essere applicato alla classe perché
classe
è un nuovo concetto di script di azione in
agnostico 6 e per capire
come che funziona abbiamo bisogno di tornare indietro
e capire un po ‘di storia
e come le classi sono state simulate in ACMA
script 5 voglio sottolineare che questo è un
serie se inizi a guardare questo
episodio prima di guardare uno qualsiasi dei
altri sarai confuso
perché si accumulano l’uno sull’altro
è possibile trovare l’intera playlist
cliccando nella descrizione dell’episodio
la serie è un’immersione profonda nella regione dell’oggetto
su JavaScript che non stai andando a se
vuoi solo imparare velocemente come
creare oggetti in JavaScript e ottenere
iniziato sai come questo non è il
serie per te questo è se sei come dentro
lavorando con JavaScript per un anno o
due e tu vuoi davvero capire
queste cose dal livello fondamentale
fondamentalmente stiamo sbirciando sul serio
riguardo alla creazione di oggetti qui, sii avvisato
forse sei tu
chi è il reg di nessing, lascia che ti mostri
ciò che intendo per nuovo si applica alle funzioni così
che sai esattamente a cosa mi riferisco
a voi potrebbe aver visto questo su quando
stai cercando di imparare come fare quando
prima su google come fare un corso di classe
JavaScript questo è generale quello che trovi
sarà una funzione ed è
sarà come un oggetto dire una persona
e forse quella persona ha un detto e
lo stai assegnando a questo
Sara ‘dicendo dicendo sì e
allora vedrai qualcosa di simile
questa persona punto proto tipo parlare e
sarebbe funzione e sta per dire
questo punto dice salva la console per accedere a
e sarà e dico e mi piace
e quindi istanziamo una persona che siamo
andando a usare var perché questi questi
gli esempi sono in un Connecticut v e
sarà come
Crockford e sarà una nuova persona
e sarà un semi-punto 1 1 1
avanti solo e stiamo andando in India
per fare poi andare a parlare Crockford e
faremo un esempio senza punti, sì
cuccetta e sta per dire che dico
punto e virgola 1 1 1 1 1 1 1 1 1 1 1 se si
non prendi il croc per lo scherzo è un it’s it’s
un ragazzo nella comunità JavaScript che
è stato attivo in JavaScript per molto
di tempo molto lungo ed è famosa per una
libro chiamato JavaScript le parti buone
e davvero non gli piace
immittanza di punto e virgola in JavaScript I
tendono ad ometterli che infastidiscono molto
gente perché hanno letto cosa
Crockford ha detto e c’è un c’è
in realtà un video sull’intero punto e virgola
problema che ho fatto solo per me
non avrebbe dovuto rispondere ancora e ancora
di nuovo lo puoi trovare nell’episodio
descrizione perché dovremmo anche disturbarci
imparando questo perché non semplicemente basta imparare
la parola chiave della classe e dimentica tutto questo
roba vecchia dentro
la mia sceneggiatura cinque e quella vecchia solo
vero, dimenticati di questo bene per oh
Posso pensare ad almeno quattro ragioni
prima è che si sta andando a correre
attraverso questo questo è il codice che tu
troverà mentre progredisci come a
JavaScript developer javascript è un
linguaggio che è stato in giro per molto
molto tempo quindi se sei un professionista
sviluppatore che incontrerai
codice che è scritto in uno stile che è
non la versione più recente assoluta di
JavaScript e se vuoi spostarti da
essere uno sviluppatore ok per un grande
sviluppatore devi essere in grado di affrontare
con tutti i tipi di codice vecchio codice incluso
la seconda ragione importante che tu
potrebbe desiderare di imparare come funziona è
che la parola chiave class lo usa
tecnica sotto il cofano quindi la classe
la parola chiave è davvero solo una sottile sintassi
zucchero che in realtà fa questo dietro
le scene la parola chiave della classe in Atma
lo script sei è un po ‘un cosiddetto leaky
astrazione che significa che sei
andando a vedere pezzi di questo
tecnica che spunta anche se solo tu
utilizzare esclusivamente la parola chiave della classe e se
non capisci cosa sta succedendo
sotto il cofano ti confonderà
la terza ragione è che noi per
capire o presentare abbiamo bisogno di
capire la nostra storia se tu se tu
non capisco dove sia JavaScript
provenendo da come le cose sono state aggiunte in cima
l’uno dell’altro e sai dove roba
venuto da te non hai te lo farai
avere un tempo molto più difficile da capire
perché la lingua sembra come fa questo
è vero con il mondo in generale di
certo, ma è particolarmente prezioso in
programmazione per capire la storia di
cose e quarto perché siamo in questo
serie di cui stiamo appena uscendo
imparare ogni angolo
lingua questa caratteristica è nella lingua
è lì non è il modo più moderno
di fare cose ma non è deprecato
non è rimosso è lì e vogliamo
per capire completamente JavaScript perché
vogliamo essere esperti perché mi sento
okay ma vuoi sapere cosa
esattamente esattamente è ciò che fanno di nuovo
ballo Io non sono un inglese nativo
anche questo posto è così disordinato come questo
Sembra un po ‘pulita perché è solo
sparando all’unica area e questo ufficio
non è un disastro completo il banco
un messaggio solo pile di roba in questo
carta su tutto il pavimento e tu solo oh
Ho davvero bisogno di pulire, ma credo
indietro da due conferenze e un reggiseno ma
Sto divagando
quindi cosa succede qui quando chiamiamo nuovo
persona, che cosa sta succedendo esattamente?
sta per fare un paio di cose
prima cosa il primo ordine del giorno
quello nuovo fa è che crea un nuovo
oggetto solo un oggetto semplice non fare nulla
no proprietà no nothing second order of
il business è che guarderà
qualunque cosa abbiamo chiamato nuovo ed è
andando a controllare che quegli oggetti
proprietà prototipo qui e sta andando
per impostare il prototipo del nuovo oggetto
che ha appena creato per essere quello
oggetto terzo sarà di nuovo guardare
quello che abbiamo chiamato nuovo qui è questo
funzione a cui ora farò riferimento
come costruttore e sta per
chiama quella funzione ma sta andando
chiamarlo con il nuovo oggetto che lo
creato nel passaggio uno assegnato a questo
variabile qui il quarto e ultimo passo
quello nuovo prende è restituire il
tu obietti che ha creato e poi impostato
il prototipo di e quindi eseguire il
costruttore con esempio dove l’oggetto era
impostare come questo e poi ritorna a
oggetto che è quello che otteniamo qui come
è quello che abbiamo assegnato al
Crockford variabile e quindi chiamare la chiamata
parla così questo è il modo in cui le lezioni
sono falso in scrittura Ekman sei se il
la parte del prototipo ti confonde perché è così
hai imbrogliato e non guardi il
puoi vedere episodi precedenti in questa serie
trova la playlist della serie facendo clic
di seguito se non capisci i prototipi
e non ho visto il precedente
episodi su prototipi questo episodio è
ti confonderò ma anche se tu
conoscere i prodotti questo è stato un po ‘
confondendo, quindi andremo molto lentamente
qui e quello che farò è che lo sono
fingendo che la nuova parola chiave e
non che quel nuovo non esistesse e
dovremmo costruirlo con a
funzione invece così è quello che sono
stiamo andando a fare che andremo a solo
chiama nuovo qui così là e poi siamo
andando a dichiarare la funzione nuova e
stiamo per ricostruire di nuovo per me
la ricostruzione di qualcosa da solo è spesso
un ottimo modo per capire come
qualcosa funziona così di nuovo passare attraverso il
quattro cose che nuove fanno le prime
la cosa è che vogliamo creare un nuovo
oggetto quindi facciamolo così
okay, okay, lo chiameremo
il nostro OB ed è un nuovo oggetto e noi
aver completato una delle quattro cose
che nuovo fa il numero due che stiamo per fare
imposta il prototipo ora impariamo come fare
questo nell’ultimo episodio il prototipo
episodio chiameremo oggetto punto
set prototipo oo bishop e siamo
andando a impostare il
il prototipo del puntino della porta del camion di clacson e
primo argomento che stiamo per dare
a nuova è la porta della costruzione e ora
quando lo guardo, guarda qui
non ha senso perché stiamo chiamando
persona qui che ciò non sarà possibile
dobbiamo invece farlo o no
andando a dare un senso, così il primo
argomento che passiamo al nostro
l’implementazione del nuovo è il costruttore
su struct o constructor e il secondo
argomento sta per essere qualunque cosa
argomenti che vogliamo passare il
costruttore quindi stiamo impostando il
prototipo qui stiamo impostando il
prototipo di oggetto a qualsiasi oggetto
è sulla proprietà prototipo del
costruttore e ricorda che siamo
passando di persona qui come il
costruttore e la persona qui come il
proprietà prototipo di cui stiamo parlando
e la proprietà superiore su quell’oggetto così
stiamo costruendo la proprietà qui
prototipo qui e prototipo è un
proprietà speciale su ogni funzione
oggetto che stai creando perché
la funzione è un oggetto in JavaScript è
un po ‘quello che fa perdere la testa, ma ogni volta
è un oggetto funzione in JavaScript
classificato ha questa proprietà prototipo
automaticamente non sono sicuro se ce l’ha
per qualsiasi altra ragione che per sostenere
questa cosa non credo così ah si prega
commenta nei commenti se tu
so di conoscere per qualsiasi altro motivo
ma in entrambi i casi con questa linea , ora
completato il secondo criterio che quello
secondo passo che fa il nuovo che è quello
imposta il prototipo come terza cosa
il nuovo fa e quello che dobbiamo fare
ri-implementare nella nostra re-implementazione
nuova e
è quello di eseguire il costruttore con questo
impostato sui nuovi oggetti che avevamo
creato bene, questo sarà un po ‘
un po ‘strano quindi andremo a prendere il
costruttore e stiamo andando a chiamare aggiungere
sdraiati su di esso ora potresti essere o non esserlo
familiarità con l’ applicazione puoi pensarci
come un legame tranne che esegue il
funzione immediatamente e restituisce il suo
valore e se non hai familiarità con
legare è perché non hai guardato
i precedenti episodi della serie
clicca la descrizione
il primo argomento che diamo è applicabile
sta per essere l’oggetto che vogliamo
sii impostato come questo e ricordalo
questo sta per essere l’oggetto che abbiamo
hai appena creato quello nel nuovo
oggetto qui
il secondo argomento che applica il testo è
una serie di argomenti che vogliamo
chiamare la funzione con così nel caso
della persona costruttore qui è
sta per essere un array con un solo oggetto
lo stesso quindi sarà ora questo è
in pratica quello che ci dispiacerà
questo è ciò che stiamo per passare
oh, a proposito, ho appena notato che noi
hanno una parentesi troppo quaggiù
quindi come facciamo a creare questa cosa
dinamicamente qui perché non possiamo avere
è hard-coded come questo che non è un
corretta implementazione di nuovi siamo
passando il primo argomento qui come
quello è un costruttore e poi sta andando
essere come gli argomenti che siamo
passarlo non passerà al costruttore
quindi ecco un mucchio di argomenti lasciatemi
lascia che esegua effettivamente questi
le cose ho intenzione di commentare questi due
Mi sporge e sto per iniziare
insegnandoti se non lo sai già
parla degli argomenti parola chiave corri
questo esempio di nodo sì e vederlo boom
rompere
questo ti inaspettato ti sta bene
Sì, quindi, dal momento che nuovo è un riservato
parola chiave non possiamo in realtà chiamare questo nuovo
chiamiamolo qualcos’altro chiamiamo
è un divertimento per le abilità che genera più Crockford
padroni di casa, facciamo di nuovo che no
esempio, giudicare il culo tutto bene ora sembra
fuori gli argomenti del registro del consolato e
guarda fuori questa cosa questo è ciò che il
argomenti sembrano
quindi è quasi un array questo è un super
fastidioso oggetto di design in JavaScript
quegli argomenti non sono in realtà una matrice
oggetto ed è una specie di cravatta
ha ragione, ad esempio, ha un
proprietà di lunghezza, penso che se esco
lunghezza sta andando essere – sì, ma non lo è
un array così perché tu sai che noi
voglio sbarazzarmi di questo primo argomento
qui dall’array prima di passarlo a
applichiamo vogliamo solo questo e qualunque
arriva dopo se ne hai più
argomenti così noi lo faremo probabilmente
raggiungere qualcosa come una fetta che
ci darebbe come penso che sia penso
non possiamo farlo ora questo è ciò che lasciamo
chiarisco questo e l’intero esempio di nota
jazz e lo scopriremo insieme
gli argomenti non hanno una funzione slice
perché non è un array, quindi è necessario
per prima cosa convertirò gli argomenti in un array
chiamalo matrice delle forze di guerra se questo bosco
Script di ACMA sei da cui potremmo usare array
e basta chiamare gli argomenti e facciamo il log
per vedere se ha funzionato
esempio di nodo array orgs sì proprio ora
in realtà otteniamo qualcosa che sembra
come un array e potremmo quindi chiamare
affettare su di esso e e sì
fetta dall’indice 1 che ci darà
sì, il punto e virgola mi permette di aggiustare il mio
terminale un po ‘perché è
mi infastidisce , va bene, è meglio e
ora potremmo passare questo non comune e passare
negli argomenti di punto e virgola tagliati
array alla funzione apply ma noi
voglio farlo nello script ACMA 5 per
motivi di coerenza perché stiamo facendo
un po ‘ di lezione di storia qui e in
internet il mio script 5 array dot da fa
non esiste così quando non hai un
lettura da questo è come hai fatto indietro
nel giorno in cui vai vai alla schiera
oggetto e si individua il prototipo
proprietà e si accede ad essa fetta
funzione che è lì e poi tu
applica la chiamata con gli argomenti
proprietà in quanto questa fetta è in realtà a
generico non richiede che sia questo a
essere un oggetto matrice e lo sospetto
questo è parzialmente perché è così che tu
può usarlo in questo modo, sia
rimuovere la matrice da con il nostro nuovo come
modo retrò di creare un array di
argomenti quindi suddividiamo questi argomenti
sbarazzarsi di questo come il
costruttore il primo argomento qui così
come sbarazzarsi di questo in modo che otteniamo
solo questo che poi passiamo ad applicare
il che significa che il costruttore è essere
chiamato con il detto il punto e virgola 1
1 1 che ci porta alla quarta cosa
che nuovo restituirà il
oggetto creato
return object No uh-huh land penso
che questo potrebbe funzionare adesso
corriamo senza escludere alcun esempio
come dico virgola 1 1 1 1 abbiamo solo
implementato nuovo ce n’è uno in più
stranezza con ciò di cui abbiamo bisogno
implementare perché ho mentito è in realtà
qualche volta qui perché là c’è un
caso limite se il costruttore restituisce un
oggetto se ritorna anche se non lo so
esattamente perché lo faresti mai, ma
è un comportamento come se tornassi stupido
oggetto vero alcuni oggetti qui
sta per essere girato come Crockford
invece se così lo faccio se lo faccio lo indovino
dovremmo fare qualcosa di simile sono
andando restituire questo o l’oggetto si tratta di
sarà una corretta implementazione quindi
se conosco un esempio , questo è georgia
ci darà un errore perché a
Crockford dot talk è che questo non è un
funzione perché ha restituito il
dumbo diventa vero, sto solo andando
Dimostralo al tuo punto dot log
hit hit low e ho intenzione di restituirlo
potrebbe disconnettere il tipo di oggetto Crockford
di nodo oh scusa
esempio nodo jazz e se ho scorrere su voi
vedi che ciao e ha scritto il
Dom oggetto e questo è ancora questo è
in realtà com’è così se tornassi
e non hai potuto usare il nostro spawn
metodo e
Ti chiamo come nel modo standard come
l’implementazione nativa e io sono
particolare e corro al nodo esempio di gas
vedi che sì è in realtà cosa
fa restituire il qualcosa
oggetto che il costruttore restituisce se
è se capita di restituire il ritorno
qualcosa di super strano ma è così
si comporta e nota campione sì
dì punto e virgola 1 1 e ci riferiamo al nostro
genera spaesane e posso farlo di nuovo
alcuni scacchi ed è lo stesso comportamento
questo è il modo in cui i nuovi lavori all’interno così
parliamo della nuova parola chiave di più
in particolare su come viene applicato il nuovo
funziona non alle classi perché è così
il modo ex5 di farlo ed è
importante imparare la storia e noi abbiamo
come approfondire ciò che fa esattamente il nuovo
la prima cosa che fa è creare un nuovo
oggetto quindi imposta il terzo prototipo
esegue il costruttore con questo
impostare all’oggetto che ha creato in
il primo passo e infine restituisce il
creato oggetto a meno che il costruttore
restituisce un oggetto e poi lo farà
respingere che invece c’è qualcosa
non era chiaro per favore postare un’aria a
commentare in basso e anche se ti senti
come se fossi sicuro di queste cose
dare un’occhiata ai commenti qui sotto e
trova una persona che non è chiara su di loro
e aiutali perché questo è il
il modo migliore che tu possa imparare
e crescere come programmatore è aiutando
altri che hai con lei che hai
guardato un episodio di fun fun function I
rilascia nuovi episodi come questo ogni
Lunedi mattina alle Oh aspetta centinaio di Gee
Mt 5mm PJ è l’uccello Twitter lì
fino al prossimo lunedì mattina resta curioso
Please follow and like us: