Quindi ho un altro esempio pratico di un caso veramente d'uso per aggiungere metodi a un oggetto.
C'è una famosa libreria javascript chiamata underscore J.
Sì.
E parleremo ancora di quali sono le librerie, ma per ora pensiamo che sia solo un mucchio di codice.
Qualcun altro ha scritto che possiamo usare.
Quindi tutto ciò che sottolinea è una serie di funzioni che qualcun altro ha scritto.
Possiamo vederli qui.
Ognuno di questi è una funzione diversa.
Quindi abbiamo cose come trovare ogni Qualcuno contiene min max ordinamento e non importa come funzionano
o cosa fanno.
Ma è importante che ti mostri che ce ne sono molti.
Quindi il nome di sottolineatura raggruppa tutti insieme un gruppo di questi al posto di un oggetto chiamato
underscore.
Solo per sottolineare il carattere in modo da poter vedere questo è come li chiami.
un po 'più grande punto di sottolineatura del punto di sottolineatura del punto di sottolineatura e questo è fatto in modo che tutti questi metodi siano raggruppati in modo da sapere che
tutto ciò che inizia con il trattino basso viene da questa libreria di sottolineatura.
Sottolineatura fai in modo che questo sia
Non l'hai scritto tu stesso.
Alla fine parleremo di come importiamo una libreria come sottolineatura.
Vedrai come potremmo persino scrivere qualcosa come underscore alla fine.
Ma quello che voglio mostrare qui non è il codice stesso.
Voglio solo mostrare il fatto che tutto è raggruppato all'interno di un oggetto di sottolineatura.
Quindi, piuttosto che spazio per cani o spazio per gatti, hanno deciso di usare un carattere memorabile davvero breve,
che è il carattere di sottolineatura.
C'è ancora una cosa che voglio evidenziare in questo video che è la parola chiave così
in javascript c'è una parola speciale che possiamo utilizzare in diversi contesti per fare cose diverse.
Quindi, per dimostrare cosa fa e come funziona, vado avanti e faccio un rapido esempio.
Supponiamo quindi di creare un'app con alcuni commenti e di conservare alcuni dati comuni
invece di un oggetto e alcuni metodi come la stampa o l'eliminazione che voglio archiviare invece
di un oggetto.
Proprio come abbiamo visto con il metodo speak, quindi definirò uno spazio dei nomi chiamato commenti.
Quindi i commenti var diventeranno un oggetto e inizierò semplicemente a essere vuoto.
Successivamente definirò la proprietà data che è solo una serie di commenti.
Quindi sono alcuni commenti stupidi proprio come questo.
E colpiamo invio.
Quindi abbiamo commenti come questo in cui abbiamo solo un dato di proprietà e quella proprietà ha quell'array
ha tre diversi commenti in esso.
Quindi, se volessi creare un metodo chiamato print, ciò che potrei fare è
definire una funzione separatamente, proprio come questa funzione, e stampa una matrice.
log ogni commento in modo da poterlo fare in un modo strano in cui stampavo e poi ne ho fatto uno per ciascuno.
E tutto quello che voglio fare è cancellare il dia
Quindi la matrice per ogni funzione lo chiama elemento.
E poi annullo quel registro.
L Quindi questa funzione adesso non è un metodo.
Esiste al di fuori dell'oggetto dei miei commenti e se volessi stampare i dati di borsa
comuni dovrei eseguire la stampa e quindi passare i dati dei punti dei commenti.
Questo è ciò che abbiamo fatto fino a questo punto definendo le nostre funzioni separatamente nello spazio dei
nomi della finestra globale.
Ma se voglio aggiungerlo all'oggetto dei commenti tutto ciò che devo fare.
Voglio dire copiare il mio codice qui e tornerò qui e dirò commenti.
Stampa uguale.
Stai per incollare la mia funzione e posso lasciare questo nome qui.
Ho intenzione di sbarazzarmene però perché non è necessario nominarlo.
Anche lì.
E invece di prendere una matrice come argomento, voglio che usi quello che abbiamo già,
invece dei commenti, che abbiamo già i dati nello stesso oggetto.
Quindi c'è un modo per me di condividere i dati anziché un oggetto.
Quindi posso usare i dati di borsa comuni all'interno della normale stampa di magazzino.
E la risposta è si.
Ed è qui che entra in gioco questa parola chiave.
Quindi non ho bisogno di discussioni.
Se voglio solo farlo, è stampare ciò che è nei dati comuni invece di un radar per ciascuno.
Posso effettivamente scrivere questo punto dati.
Quindi la parola chiave è un po 'complicata in diverse situazioni.
Significa cose diverse.
Sicuramente una delle parti più strane di javascript.
Un sacco di domande per l'intervista si concentrano su di esso.
Quindi è qualcosa con cui anche gli esperti lotteranno.
Passeremo molto più tempo con questa parola chiave mentre andiamo avanti quando impariamo sugli eventi quando
parliamo di query su Jay e quando ci spostiamo verso il back-end e parliamo anche di database.
Quindi per ora in questo caso la parola si riferisce ai commenti dell'oggetto quindi ti mostrerò se premo invio
qui.
Diamo un'occhiata a ciò che sembra comune ora ha due cose.
Dati e array e quindi questo metodo di stampa.
E ricorda che il metodo di stampa si riferisce a questi dati.
Quindi quando siamo all'interno di una stampa questo si riferisce all'intero oggetto che contiene dati al suo interno.
Quindi questi dati sono come possiamo andare da una stampa a poter accedere a questi dati.
Quindi per usare quel metodo ora tutto ciò che devo fare è dire commenti Prince e stampiamo i nostri
tre commenti.
Quindi quello che ho appena mostrato è uno schema molto comune per come organizziamo il codice.
Possiamo prendere alcuni dati inserendoli all'interno di un oggetto e quindi prendere funzioni e funzionalità associate
e aggiungerli come metodi allo stesso oggetto e utilizzare la parola chiave per accedere ai dati che abbiamo predefinito.
Se ti senti un po 'confuso sulla parola chiave, questo è sicuramente da aspettarselo.
Abbiamo appena scalfito la superficie.
E come ho detto, continueremo a rivederlo ancora e ancora.
Tutto quello che voglio che tu capisca è che c'è una parola chiave chiamata questo.
È un po 'complicato.
quello che ho mostrato qui scrivendo questo invece di un metodo fa riferimento all'oggetto in cui è definito il metodo.
E in un contesto
OK quindi è tutto per gli oggetti per ora.
Molto eccitante.
Successivamente, possiamo finalmente parlare di HDMI e vedere valutare l'interazione con il nostro javascript