JavaScript per gatti

javascript per gatti

un’introduzione per nuovi programmatori

così semplice che anche il tuo amico umano può anche farlo!

JavaScript è un linguaggio di programmazione o, in altre parole, un mezzo con cui il computer è incaricato di fare le cose. Proprio come tutti gli Stati Uniti controllano gli umani con fischietti e Meow, si possono controllare i computer con dichiarazioni scritte in un linguaggio di programmazione. Tutti i browser Web capiscono JavaScript e puoi usufruire di quello per rendere le pagine Web fare cose pazzesche!

JavaScript è iniziato come un modo per creare pagine Web più interattive. Oggigiorno JavaScript funziona non solo nei browser – funziona anche su server Web, telefoni e persino robot! Questa pagina ti mostrerà una base JavaScript in modo da poter iniziare istantaneamente *.

* Tempo tutorial reale: più che istantaneo. Probabilmente un’ora o due. Inoltre, come sei un gatto, dovresti piacere di essere lanciato più al sole che in esecuzione.

Sommario

la base
stringhe
valori e variabili
utilizzando le funzioni
funzioni linguistiche
codice di terze parti
creazione Nuove funzioni
cicli
array
oggetti
callbacks
Lettura consigliata

Non essere un gatto spaventoso

cadrai sempre in piedi – anche la programmazione! A differenza del calci un bicchiere d’acqua sul tuo laptop, non c’è nulla in questi tutorial che danneggerà il tuo computer in alcun modo, anche se scrivi un comando gravemente o fai clic su un pulsante sbagliato. Come i gatti, i programmatori commettono errori tutto il tempo: scrivere errori, dimenticando virgolette o chiavi e essere dimenticati su come funzionano alcune funzioni di base. I programmatori si preoccupano di più sul fatto che le cose funzionino alla fine invece di cercare di lavorare la prima volta che sono scritti. Il modo migliore per imparare è commettere errori!

Ecco perché non devi essere un gatto spaventoso! La cosa peggiore che può accadere è che devi aggiornare questa pagina nel tuo browser web se sei bloccato. Né ti preoccupi, questo accade molto raramente.

# La base

C’è JavaScript in esecuzione su questa pagina in questo momento. Giochiamo un po ‘con quello. Per semplicità, suppongo che tu stia usando Google Chrome per leggere questa pagina (se non sarà probabilmente più facile per entrambi se segui il tutorial usando Chrome).

Innanzitutto, fai clic su Qualsiasi parte dello schermo e selezionare Ispeziona la voce (o ispezionare l’elemento in inglese), quindi fare clic sulla scheda che dice console. Dovresti vedere una cosa che assomiglia a questa:

Questa è una console, chiamata anche “riga di comando” o “terminale” “. Fondamentalmente è un modo per scrivere una cosa alla volta sul computer e ottenere immediatamente la risposta. Ci sono strumenti di apprendimento super utili (uso ancora la console quasi ogni giorno in cui scrivo codice).

La console fa alcune cose davvero grandi. Ho iniziato a scrivere qualcosa e la console aiuta a darmi un elenco di tutte le cose possibili che posso continuare a scrivere! Un’altra cosa che puoi fare è scrivere 1 + 1 sulla console e quindi premere Enter e vedere cosa succede.

La console è una parte importante quando si impara JavaScript. Se non sai come funziona qualcosa o quel comando serve per cosa, puoi andare alla console e scoprirlo! Di seguito è un esempio:

# stringhe

Come sono un gatto voglio sostituire ogni istanza della parola perro sul Internet con esos malditos perros. Per prima cosa vado alla console e scrivo alcune frasi che contengono la parola perro almeno una volta. In JavaScript un insieme di lettere, numeri, parole o qualsiasi altra cosa è conosciuta come una stringa (o una stringa di caratteri). Le stringhe dovrebbero iniziare e finire con una citazione. Non importa come utilizzare una citazione single o doppio ", purché si utilizza lo stesso simbolo all’inizio e al fine.

Vedi il messaggio di errore orribile? Non preoccuparti: non hai infranto alcuna legge. Syntax Error ILLEGAL è come se suona quando un robot significa che il tuo programma ha un problema. Le prime due frasi coincidono con il tipo di commoda usato all’inizio e alla fine della frase, ma quando ci mescoliamo il computer online, è come miscelare l’anguria con vino.

OK, per correggere una di quelle affermazioni (Sostituzione perro Per la nostra versione migliorata) Dobbiamo prima salvare la dichiarazione originale per poterlo chiamare di nuovo quando Facciamo la nostra sostituzione magica. Vedi come la stringa è ripetuta in rosso quando scrivo sulla console? Questo perché non abbiamo detto che la frase viene salvata ovunque ed è per questo che non restituisce loro (o ci fornisce un errore quando facciamo un errore).

# valori e variabili

I valori sono i componenti più semplici in JavaScript. 1 è un valore, true (che rappresenta un valore logico) è un valore, "hola" È un valore, function() {} è un valore, l’elenco continua! Ci sono molti tipi di valori in JavaScript ma non abbiamo bisogno di conoscerli tutti ora – imparerai naturalmente mentre altri scribi di codice!

Per salvare i valori usiamo le cose delle cose. La parola “variabile” significa “può cambiare” e viene utilizzata perché le variabili possono salvare diversi tipi di valori e modificare il loro valore molte volte. Le variabili sono abbastanza simili a una cassetta postale. Mettiamo qualcosa in una variabile, come una frase, e poi diamo la variabile un indirizzo che puoi usare per andare a trovare quella frase più tardi. Nelle cassette postali della vita reale hanno bisogno di numeri di codice postali ma in JavaScript vengono solitamente sostituiti con lettere minuscole o numeri senza spazi.

var è un’abbreviazione della variabile e il = in risposta, cosa significa lì Non è nulla da tornare.

Se si scrive semplicemente il nome di una variabile nella console, verrà stampato il valore salvato in quella variabile. Una nota sulle variabili è quella per impostazione predefinita, vengono persi quando si passa a una pagina diversa. Se dovesse aggiornare la pagina in Chrome, ad esempio, la mia variabile sentenciaPerro scomparirebbe per sempre, come se non fosse mai stato esistito. Ma non preoccuparti di questo troppo – puoi stringere le frecce su e giù sulla tastiera quando sei sulla console e ottieni le dichiarazioni che stavi scrivendo ultimamente.

# usando le funzioni

Ora che abbiamo la nostra frase salvata in una variabile, cambieremo la parola salvata in esso! Possiamo farlo creando una funzione. Le funzioni sono un tipo di valore che rende solo una funzione specifica (nota anche come scopo o azione) da parte nostra. Chiamandoli “azioni” suona strano e immagino che sia per questo che hanno scelto “funzione” invece.

javascript ha una funzione chiamata replace (sostituire in inglese) esattamente cosa vogliamo! Le funzioni prendono valori nelle parentesi (zero, uno o più) e restituisce o altro (undefined) o la stringa modificata. è disponibile per l’uso su qualsiasi stringa e accetta 2 valori: i caratteri che vogliamo estrarre e i personaggi che li sostituiranno. Diventa un po ‘confuso per descrivere queste cose così qui abbiamo un esempio visivo:

Notes come valore di sentenciaPerro è lo stesso anche dopo aver eseguito replace A proposito? Questo perché la funzione replace, (e la maggior parte delle funzioni JavaScript per questi scopi) prendono il valore che diamo e restituiamo un nuovo valore, senza modificare il valore che abbiamo superato. Dato che non vogliamo salvare il risultato (non c’è = sul lato sinistro dell’operazione di sostituzione) Il valore restituito viene stampato sulla console.

# Funzioni della lingua

Devi chiederti che altre funzioni sono disponibili in JavaScript. La risposta: molto. Ci sono molte librerie standard integrate di cui è possibile imparare in MDN (un sito Mozilla che ha molte e ottime informazioni sulle tecnologie web). Ad esempio, qui è la pagina MDN sulle funzioni relative alla matematica JavaScript.

# Codice di terze parti

C’è anche un sacco di codice JavaScript disponibile che non fa parte dello standard biblioteca. Di solito è riferito a JavaScript scritto entro il terzo come “libreria” o “plugin”. Uno dei miei preferiti è chiamato Inderscore.js. Andiamo a trovarlo e caricarlo sulla nostra pagina!Prima vai al sito di sottolineatura, http://underscorejs.org/, clicca sul link di download (in generale, uso la versione di sviluppo perché sono facili da leggere ma qualcuno dei 2 ti darà La stessa funzionalità) e copia tutto il codice negli Appunti (è possibile utilizzare Seleziona tutto cliccando a destra). Quindi lo attacco nella tua console e premi Invio. Ora il tuo browser ha una nuova variabile: _. Underscore ti dà molte funzioni utili da giocare. Scopriamo come usarli in seguito.

# Creazione di nuove funzioni

Non sei limitato a Usando le funzioni degli altri – puoi anche scriverle. È molto semplice! Facciamo una funzione chiamata ponerleOnda che aggiunge alcuni punti esclamativi alla fine di una stringa.

function ponerleOnda(string) { return string + '!!!!'}

nel mio Testa L’ho letto ad alta voce come: “C’è una funzione chiamata” messa su di esso “che prende una stringa e restituisce una nuova copia della stringa che ha alcuni punti esclamativi alla fine”. È così che scrivo manualmente sulla console senza scrivere la funzione:

l’espressione string + !!!! restituisce una nuova stringa e la nostra variabile chiamata string rimane proprio come prima (dal momento che non lo aggiorniamo mai usando =).

Usiamo la nostra funzione invece di farlo manualmente. Innanzitutto, incolla la funzione sulla console e quindi chiamare la funzione passando una stringa:

Puoi anche chiamarlo Funzione Passando una variabile che punta a una stringa (nell’esempio sopra scriviamo la stringa diretta come valore invece di salvarlo come prima variabile):

La riga ponerleOnda(sentencia) è equivalente a dire sentencia + '!!!!'. Cosa succede se vogliamo modificare nel luogo (noto come aggiornamento) il valore dell’istruzione? Basta salvare il valore di ritorno della funzione nella variabile sentencia:

var sentencia = "hora de la siesta"sentencia = ponerleOnda(sentencia)

ora sentencia avrà i segni esclamativi alla fine! Renditi conto che hai usato solo var quando si inizializza la variabile – la prima volta che l’hai usata. Quindi non dovresti usare var a meno che non si desidera ricinitalizzare (reset / pulito / vuoto) la variabile.

cosa succede se prendiamo il return della funzione?

Perché sentencia È vuoto? Poiché le funzioni ritornano undefined per impostazione predefinita! È possibile scegliere di restituire qualsiasi valore usando return. Le funzioni devono prendere un valore e, se cambiano il valore o creano una nuova che verrà utilizzata in seguito, devuelven un valore (curiosità: un termine fresco per questo stile è Programmazione funzionale). Qui abbiamo un’altra funzione che non restituiamo alcun valore ma utilizza invece un metodo diverso per mostrarci il risultato:

function gritalo(string) { string = string.toUpperCase() string = ponerleOnda(string) console.log(string)}

Questa funzione, gritalo, usa la nostra funzione ponerleOnda e il metodo nativo di String Pouppercase. I metodi sono solo un nome per una funzione quando appartiene a qualcosa – in questo caso toUpperCase è una funzione che appartiene a Allora dire che siamo un metodo o una funzione. ponerleOnda invece non appartiene a nessuno allora sarebbe tecnicamente errato per riferirsi ad esso come metodo (è confuso, SE).

L’ultima riga di La funzione è un’altra funzione nativa che accetta semplicemente i valori che si danno e lo stampa sulla console.

Poi c’è Qualcosa non va con questa funzione gritalo? Dipende! Esistono 2 tipi principali di funzioni:

funzioni che modificano o creano valori e restituirli
funzioni che prendono valori e fanno le cose con loro che non possono essere restituito

console.log è un esempio del secondo gruppo: stampa le cose nella tua console – un’azione che puoi vedere con i propri occhi ma non può essere rappresentato come un valore di javascript. La mia regola del pollice è cercare di mantenere i 2 tipi di funzioni separate, in modo che possiamo riscrivere il quindi:

function gritalo(string) { string = string.toUpperCase() return ponerleOnda(string)}console.log(gritalo("no le temo a los humanos"))

In questo modo gritalo diventa più generico, cioè, cioè una o due semplici cose e non sanno nulla della stampa della console – quella parte può sempre essere programmata dopo, al di fuori della definizione della funzione.

# cicli

Ora che abbiamo abilità di base nella nostra cintura (nota dell’autore: forse i gatti usano le cinture?) Possiamo iniziare ad essere vaghi . Che cosa?! Sì, questo è: la programmazione riguarda l’essere vaga.Larry Wall, Inventor del linguaggio di programmazione Perl, chiamato Vagrancy la più grande virtù di un buon programmatore. Se i computer non esistono, dovresti fare tutti i tipi di compiti noiosi a mano, ma se impari a programmare puoi lanciarti al sole tutto il giorno mentre un computer da qualche parte gestisce i programmi per te. È uno stile di vita glorioso pieno di rilassamento!

cicli sono uno dei modi più importanti per spremere la potenza del computer. Ricorda Underscore.js A DOMENY fa? Assicurati di averlo caricato sulla pagina (ricorda: puoi sempre usare la freccia su un paio di volte e serrare Enter per caricarlo di nuovo se ne hai bisogno) e prova a copiare e incollarlo nella console:

function imprimirNumero(unNumero) { console.log(unNumero)}_.times(10, imprimirNumero)

Questo codice utilizza il metodo Times TimesCore che prende un numero e una funzione, avvia 0 e per 10 passaggi AM, Chiamare la funzione con il numero ad ogni passaggio.

Se dovessimo fare manualmente ciò che fa times sarebbe come questo:

imprimirNumero(0)imprimirNumero(1)imprimirNumero(2)imprimirNumero(3)imprimirNumero(4)imprimirNumero(5)imprimirNumero(6)imprimirNumero(7)imprimirNumero(8)imprimirNumero(9)

Ma i gatti si rifiutano di fare lavori manuali inutili del genere, allora dovremmo sempre chiederci” Stiamo facendo questo è il modo più vago possibile? “

Allora perché questo è ciclato? Pensa a questo modo: Se dovessimo scrivere un elenco di 10 numeri (da 0 a 9) usiamo una serie di JavaScript sarebbe simile a questo:

var ceroADiez =

Lo times è davvero visitare ogni numero e ripetere l’attività: nell’esempio sopra l’attività è stata chiamare la funzione imprimirNumero con il numero corrente. Ripetere i compiti in questo modo è chiamato un ciclo sull’array.

# array

Le ho menzionato alcune volte ma trascorriamo un minuto di apprendimento su di loro. Immagina che tu abbia bisogno di tenere traccia dei tuoi amici. Bene, un array lo farà bene. Pensa a un array come lista ordinata in cui puoi mantenere un sacco di cose dentro.

è così che ne fai uno:

var misAmigosGatos =

Grande! Ora hai una lista dei tuoi amici dei gatti.

Gli elementi (questo è il modo in cui chiami un elemento di un array) vengono salvati in array a partire da 0 e contando. Quindi misAmigosGatos restituisce felix e misAmigosGatos restituisce … ecc. Ecc.

Per ottenere un amico dal tuo nuovo array puoi semplicemente accedervi direttamente come questo:

console.log(misAmigosGatos)

Se hai fatto un nuovo amico al Gatuno Club alla moda l’altra sera e vuoi aggiungerlo alla tua lista è super semplice: misAmigosGatos.push("gato de moda").

Per verificare che il nuovo gatto sia all’interno del tuo array puoi usare :

Hai notato che push restituito la dimensione? Buono! Prende anche attenzione che gli array conservano sempre l’ordine il che significa che ricorderanno l’ordine in cui hai aggiunto o definito le cose. Non tutto in javascript conserva l’ordine quindi ricorda questa proprietà speciale degli array!

# oggetti

Gli array sono buoni per la menzogna, ma per altri compiti potrebbe essere difficile da lavorare loro. Considera la nostra serie di amici felini. Cosa succede se vuoi salvare più dei nomi?

var misAmigosGatos = var apellidos = var direcciones =

a volte è buono per avere tutti gli indirizzi oi nomi in una variabile. Ma a volte hai in mente un gatto, dicono Felix, e vuoi cercare il tuo indirizzo. Con gli array richiede un intero lavoro perché non puoi dirglielo ‘ARray, dammi l’indirizzo di Felix’ perché ‘Felix’ è su un array e il suo indirizzo in un altro totalmente diverso.

Questo può essere fragile perché i nostri array cambiano e aggiungere un nuovo gatto all’inizio possiamo anche aggiornare la variabile posicionDeFelix puntamento alla nuova posizione delle informazioni di Felix nelle disposizioni! Qui mostriamo un modo più semplice per mantenere le informazioni salvate utilizzando oggetti:

var primerGato = { nombre: "felix", apellido: "el gato", dirección: "La calle" }var segundoGato = { nombre: "sessa", lastName: "gato", direccion: "Liniers" }var tercerGato = { nombre: "garfield", apellido: "gato", direccion: "Casa de John Bonachón" }

Perché lo faremmo in questo modo? Perché ora abbiamo una variabile per ogni gatto che possiamo usare quando si tratta di ottenere valori di gatto in un modo più conveniente e leggibile.

Puoi pensare agli oggetti come chiavi da un portachiavi. Ognuno è per una porta particolare e se hai belle etichette sulle tue chiavi puoi aprire le porte molto rapidamente. Infatti, le cose sul lato sinistro del : sono chiamate chiave (sono anche conosciute come proprietà) e le cose sul lato destro sono chiamate valori.

// un objeto con una sola clave llamada 'nombre' y un solo valor 'felix'{ nombre: 'felix' }

Allora perché utilizzare gli array se possiamo mettere tutte le nostre informazioni sugli oggetti? Perché gli oggetti non ricordano l’ordine dei tasti che fai.Puoi inserire un oggetto in questo modo:

{ fecha: "20/10/2012", diario: "hoy dormí un poco", nombre: "Carlos" }

Ma il computer può restituirlo come segue:

{ diario: "hoy dormí un poco", nombre: "Carlos", fecha: "20/10/2012" }

o giù dis!

{ nombre: "Carlos", diario: "hoy dormí un poco", fecha: "20/10/2012" }

Pertanto non è possibile fidarsi dell’ordine dei tasti degli oggetti. Se vuoi fare qualcosa di molto grande, puoi creare un array pieno di oggetti o un oggetto array!

var archivoDeAnimo = // ordenados de menos a más por favoritismovar favoritos = { golosinas: , lugaresSiesta: }

Quando si combina cose diverse come questo Strutture dati, come lego!

# Callbacks

I callbacks non sono realmente una funzione JavaScript come Objetos o Arrays, ma un modo per utilizzare le funzioni. Per capire perché sono utili, per prima cosa dobbiamo conoscere la programmazione asincrona (chiamata anche Async). Il codice asincrono è per definizione scritta in un modo che non è sincrono. Il codice sincrono è facile da capire e scrivere. Questo esempio illustra:

var foto = descargar('http://foo-chan.com/images/sp.jpg')subirTweetConFoto(foto, '@maxogden')

Questo codice pseudo-sincrono scarica una foto adorabile di un gatto, carica la foto su Twitter e genera un tweet con la foto per @maxogden. Abbastanza semplice!

(nota dell’autore: io, @maxogden, felicemente accetto le foto dei gatti di Twitter.)

Questo codice è sincrono perché per caricare la foto su Tweet, scaricare da La foto che deve essere completata. Ciò significa che sulla riga 2 non può funzionare fino a quando il compito della linea 1 è completamente completato. Se dovessimo implementare questo pseudo-code vogliamo essere sicuro che descargar “BLOCK” Esecuzione fino al completamento del download, evitando che qualsiasi altro JavaScript sia eseguito fino a quando non termina, pure Come quando il download è completo, l’esecuzione di JavaScript è sbloccata e la riga 2 viene eseguita.

Il codice sincrono va bene per le cose veloci, ma è orribile per le cose che richiedono il risparmio, il caricamento o il download. Cosa succede se il server che stai abbassando la foto è lento, o la connessione Internet che utilizzi è lenta, o il computer in cui si esegue il codice ha molte schede con video di gatti su YouTube che è lento? Significa che può potenzialmente prendere minuti in attesa fino a quando la linea 2 viene eseguita. Nel frattempo, poiché tutto il JavaScript sulla pagina viene bloccato dal download, la pagina si blocca totalmente, eseguendo senza risposta finché il download finisca.

L’esecuzione di blocco deve essere evitata a tutti i costi, specialmente quando Fai scorrere il tuo programma o diventa inutilizzabile. Supponiamo che la foto sopra richieda 1 secondo da scaricare. Per illustrare quanto è un secondo per un computer moderno, ecco un programma che contrassette a quante attività JavaScript possiamo elaborare in un secondo.

function medirVelocidadCiclo() { var contador = 0 function sumaUno() { contador = contador + 1 } // Date.now() Retorna un número grande que representa la cantidad de // milisegundos que pasaron desde el 1 de Enero de 1970 var ahora = Date.now() // Cicla hasta que Date.now() es 1000 milisegundos (1 segundo) o más // en el futuro respecto del comienzo del ciclado. En cada ciclo, llama a sumaUno while (Date.now() - ahora < 1000) sumaUno() // Finalmente pasaron >= 1000ms, entonces vamos a imprimir el total console.log(contador)}medirVelocidadCiclo()

Copia e Incolla il codice sopra sulla tua console JavaScript e dopo un secondo dovresti stampare un numero. Sul mio computer vedo 8527360, circa 8,5 milioni. In un secondo javascript puoi chiamare sumaUno 8,5 milioni di volte! Quindi se hai un codice sincrono scaricando una foto e la foto richiede un secondo, significa che stai potenzialmente impedendo l’esecuzione di 8,5 milioni di operazioni mentre JavaScript è bloccato.

Alcune lingue hanno a Funzione denominata Blocco dell’esecuzione da parte di un numero di secondi. Ad esempio, c’è un codice di bash in esecuzione Terminal.app su Mac OS che utilizza sleep . Quando si esegue il comando sleep 3 && echo 'me desperté' blocco per 3 secondi prima di stampare me desperté.

JavaScript non ha una funzione sleep. Come sei un gatto, probabilmente stai chiedendo: “Perché sto imparando un linguaggio di programmazione che non vede il sonno?” Ma non andarsene. Invece di dipendere da sleep Aspetta che le cose avvengano, JavaScript Design incoraggia invece l’uso delle funzioni. Se devi aspettarti che l’attività A prima di iniziare l’attività B, si inserisce tutto il codice dell’attività B in funzione e fiamma solo al termine.

Ad esempio, questo è il codice di blocco:

a()b()

E questo è non bloccante:

a(b)

nella versione non bloccante, b è una callback di a. Nella versione di blocco e b sono 2 chiamati / invocati (i due hanno () Che esegue immediatamente le funzioni). Nella versione non bloccata noterai che solo a è invocato e b è semplicemente duraturo in a come argomento.

Nella versione di blocco non è presente alcuna relazione esplicita tra a e . Nella versione non bloccata, il lavoro di a è quello di fare ciò di cui hai bisogno e quindi chiamare b quando finisce. L’utilizzo di funzioni in questa modalità è chiamata callbacks perché la funzione di callback, in questo caso , viene chiamato quando a finisce per fare ciò di cui hai bisogno .

Qui c’è un pseudocodice con l’implementazione di come è necessario vedere a:

function a(fin) { descargar('https://pbs.twimg.com/media/B4DDWBrCEAA8u4O.jpg:large', function finDescarga(error, png) { // manejá el error si hay alguno if (error) console.log('ups!', error) // llamá a fin cuando termines fin() })}

Torniamo al nostro esempio non bloccante, a(b), dove chiamiamo a e lo passeremo b come primo argomento. Nella definizione della funzione a sopra, l’argomento fin è la nostra funzione b Cosa capitato a lui. Questo comportamento è difficile da capire all’inizio. Quando si chiama una funzione, gli argomenti che spendi non hanno necessariamente gli stessi nomi di variabili che quando sono in una funzione. In questo caso, cosa chiamiamo b è fin all’interno della funzione. Ma b e fin sono solo nomi variabili che puntano alla stessa funzione di base. Di solito le funzioni di richiamata vengono taggate con nomi come fin o callback per chiarire che tali funzioni devono essere chiamate quando la funzione corrente termina il tuo lavoro.

quindi, mentre a fai il tuo lavoro e chiama b al termine, sia a e b sono chiamati nelle loro versioni bloccate e non bloccate. La differenza è che nella versione non bloccante non blocciamo l’esecuzione di JavaScript. In generale, lo stile non bloccante è il punto in cui scrivi qualsiasi funzione per tornare il più rapidamente possibile, senza bloccare in qualsiasi momento.

per andare un po ‘più profondo: se a Dai un secondo per completare e usi la versione bloccata, significa che puoi fare una cosa. Se si utilizza la versione non bloccante (usando le callback) puoi letteralmente avere milioni di altre cose nello stesso secondo, il che significa che puoi finire il tuo lavoro milioni di volte più velocemente e dormire il resto della giornata.

Ricordalo: programma che si tratta di essere vaghi e dovresti essere quello che dorme, e non il tuo computer.

Con fortuna puoi vedere ora come le callback sono solo funzioni che chiamano altre funzioni dopo un asincrono compito. Alcuni esempi classici di attività asincroni stanno leggendo una foto, scaricando una canzone, caricando una foto, parlando con il database, attendi che un utente premia un tasto o fare clic su un collegamento, ecc. Tutto richiede tempo. JavaScript è ottima gestione dei compiti asincroni come quelli finché si prende il tempo per imparare come usare i callback e tieni il tuo javascript lontano dall’essere bloccato.

fine!

Questo è solo il Inizio della tua relazione con JavaScript! Non puoi imparare tutto da uno, ma puoi cercarlo funziona per te e cercare di imparare tutti i concetti qui.

Ti consiglio di tornare domani e fai tutto di nuovo dall’inizio! Puoi prendere alcuni passaggi finché non capisci tutto (il programma è difficile). Cerca di evitare di leggere questa pagina in quarti che contengono oggetti luminosi … possono essere incredibilmente distratti.

Hai altri argomenti che vuoi che sia coperto? Apre un problema per questo a GitHub.

# Lettura consigliata

JavaScript per gatti salice Un sacco di dettagli che non sono importanti da iniziare (i gatti non sono famosi per la loro attenzione), ma Se ritieni di aver bisogno di imparare in profondità, guarda questo:

Nota del traduttore: le informazioni dei seguenti collegamenti sono in inglese. Sfortunatamente, la bibliografia è scarsa in spagnolo. Prendilo come una buona scusa per imparare una nuova lingua (oltre a JavaScript)

noschool.io è un software educativo open source gestito dalla Comunità che insegna diverse aree di sviluppo web in un interattivo formato e autoguidati. Ho aiutato a fare nodo! Sfortunatamente questo sito ha meno gatti.
EloCant JavaScript è un libro gratuito che ti insegna JavaScript! È molto buona! Soprattutto il capitolo chiamato valori, variabili e flusso di controllo
JavaScript Mozilla Guide ha anche un capitolo eccellente chiamato valori, variabili e letterali
Guida allo stile standard JS è un "zero configuration" linter per lo stile JavaScript che uso.