Cos'è JavaScript? - Guida per principianti
Quindi è arrivato JavaScript. È uno dei più popolari Lingue di scripting quel lavoro sul dalla parte del cliente Per gestire l'interattività della tua pagina web. Inoltre, può aumentare il comportamento dinamico del sito Web manipolando il contenuto che riceve dal server Web. C'è un sacco di cose che JavaScript può fare, le impareremo in questo articolo insieme a come funziona e alcuni concetti di base.
Varie funzioni che puoi fare con JavaScript:
- Modifica il contenuto della pagina Web aggiungendo e rimuovendo gli elementi.
- Monitorare vari clic del mouse, passare gli eventi e gestire le loro azioni.
- Controlla varie animazioni e transizioni.
- Gestione degli eventi Quando un utente inserisce alcuni input.
- Convalida l'input che l'utente fornisce prima di inviare al server.
E così tanti altri, puoi controllare come si comporta la tua pagina.
Perché imparare JavaScript?
JavaScript è stato considerato uno strumento solo per le pagine Web interattive. Ma quei giorni sono spariti e ora puoi creare applicazioni mobili e web complete e applicazioni di networking utilizzando vari framework forniti da JavaScript.
Puoi anche progettare giochi di browser con JavaScript. Sta colpendo altre lingue e le aziende famose stanno costruendo le loro applicazioni intorno a JavaScript. Ora, conosci l'importanza di apprendere JavaScript, quindi vediamo come funziona.
Editor di codice JavaScript
Per il codice JavaScript, è possibile utilizzare la console del browser o persino gli editori di JS online. Ma è meglio utilizzare i redattori di codice. Ci sono vari editor di codice là fuori come il codice Visual Studio, il testo sublime, Atom e altro ancora puoi controllare vari editor JavaScript disponibili attraverso questo articolo. Tra questi, il codice Visual Studio è altamente raccomandato in quanto è l'editor di codice più comunemente usato, e il ragionamento alla base di questo è il suo costante supporto per le tecnologie imminenti e l'interfaccia utente di facile utilizzo.
Come aggiungere JavaScript al tuo file?
Esistono due modi per aggiungere JavaScript al tuo file HTML:
Script interno (Configurazione di JavaScript all'interno del file HTML utilizzando il tag)
Script esterno (Creazione di un file separato per il codice JS e aggiunta il collegamento nel tag
console.Registra, avvisi e documento.Scrivi in JavaScript
Un comando utile per eseguire il debug e registrare il codice è console.tronco d'albero. È utile scrivere indirettamente contenuti nella console web.
console.log ("Hello World");Avvisi vengono utilizzati per fornire avvisi all'utente finale a cui accede alla pagina Web.
Avviso ("Hello World");Documento.scrivere Modifica il contenuto nella pagina Web aggiungendo contenuti aggiuntivi alla pagina Web.
documento.Scrivi ("Benvenuti nella pagina web!");In JavaScript, la console ha un sacco di metodi. Altre informazioni in dettaglio sono qui.
Come aggiungere commenti in JavaScript
Durante la programmazione, la scrittura di commenti è estremamente utile. Ti aiuta a ricordare cosa hai codificato e se ci sono qualche informazione aggiuntiva che devi scrivere per l'altra persona che controlla il tuo codice. Entrambi separare E multiplo I commenti della linea possono essere scritti. Per utilizzare un commento a linea singola in codice (javascript) che utilizziamo //:
// tutta questa frase è un grande commento a linea singola.Considerando che, nel caso di un commento a più righe, utilizzare / * nell'elemante e chiuderlo usando * /:
/* Questo è un commento multi-line. Puoi anche il tuo blog qui se vuoi. */Variabili in JavaScript
Proprio come in qualsiasi altro linguaggio di programmazione, le variabili vengono utilizzate anche in JavaScript. Il lavoro di una variabile è di contenere un tipo di dati in un riferimento denominato. In JavaScript possiamo impostare variabili usando tre modi: var, permettere, const.
IL var viene utilizzato dall'inizio di JavaScript ed è ampliato a livello globale, il che significa che tutte le funzioni su quella pagina o in quel programma possono accedervi.
var x = 15;var y = 4;
console.log (x + y);
Produzione:
Perché è ampliato a livello globale, è meglio usare permettere E const. Il motivo è che a volte si desidera dichiarare una variabile in un'istruzione IF e al di fuori di quella istruzione IF si desidera dichiarare la variabile con lo stesso nome. L'uso di var causerà problemi. Per capire di più sulle variabili globali in JavaScript, puoi controllare questo articolo.
I restanti due tipi di variabili disponibili in JavaScript sono permettere E const. Utilizzo di Let Possiamo dichiarare qualsiasi tipo di dati, mentre, nel caso di const, vengono dichiarati solo valori costanti.
lascia msg = "Hello World";console.log (msg);
msg = 10;
console.log (msg);
Produzione:
Qui, abbiamo dichiarato una stringa e un tipo di dati numerici utilizzando la variabile Let. Ora, usando const, se proviamo a dichiarare un valore diverso dalla costante, ci darà un errore.
// di seguito causerà un errore.const pi = 3.142;
console.log (pi);
pi = 3.15;
console.log (pi);
Tipi di dati in JavaScript
JavaScript ci fornisce vari tipi di dati come Numeri, stringhe, Booleani, Galleggiante, Oggetti, e altro. Se vuoi leggere i tipi di dati in JavaScript, puoi andare ai documenti ufficiali MDN. Dice al programma con quale tipo di dati stanno lavorando e manipolando.
Numero: Il tipo di dati per rappresentare un numero intero o un punto mobile positivo, è il numero.
Lascia che num = 11;console.log (num);
console.log (typeof num);
num = -12;
console.log (num);
console.log (typeof num);
Produzione:
Corda: Per archiviare una sequenza di caratteri, viene utilizzato il tipo di dati stringa.
let x = "benvenuto"console.log (x);
console.log (typeof x);
Produzione:
Booleano: Un tipo di dati che rappresenta valori veri e falsi in un programma.
Sia x = veroconsole.log (x);
console.log (typeof x);
Produzione:
Oggetti: Per archiviare la raccolta di vari tipi di dati in una singola variabile, vengono utilizzati oggetti.
let film =Nome: "Inception",
Genere: "Thriller",
YearOfrelease: "2010",
NumberOfcopies: 10
;
console.registro (film);
console.registro (tipo di film);
Produzione:
Array in JavaScript
Per archiviare la raccolta di dati di qualsiasi tipo possiamo utilizzare array. Basta inizializzare l'array usando il costruttore di array:
let mesi = new Array ();O con [ inizializzazione:
lasciano mesi = [];O semplicemente creare un array con dati espliciti:
let mesi = ["gennaio", "febbraio", "marzo", "aprile", "maggio"];L'indice in array inizia con zero e per accedere a qualsiasi elemento è semplicemente necessario scrivere array [indiceSposition]:
let mesi = ["gennaio", "febbraio", "marzo", "aprile", "maggio"];console.log (mesi [3]);
Produzione:
Per comprendere meglio il concetto di array in JavaScript, controlla questo articolo.
Metodi per diversi tipi di dati in JavaScript
Vari metodi sono là fuori per manipolare i valori di vari tipi di dati.
Metodi di stringa: Per modificare i valori di una stringa, ci sono numerosi metodi diversi a disposizione. Questi possono essere utilizzati per verificare la lunghezza di una stringa, trovare la posizione di una determinata parola in una stringa o convertirla in diversi tipi di dati.
lascia x = "ciao, benvenuto a casa"// per controllare la lunghezza della stringa
console.registro (x.lunghezza);
// per tagliare una parte specifica della stringa
console.registro (x.slice (3, 7));
// per sostituire una parola specifica in una stringa
console.registro (x.sostituire ("casa", "qui"));
// per convertire la stringa in lettere minuscole
console.registro (x.tolowerCase ());
Produzione:
Naturalmente, ci sono molti altri metodi, se vuoi saperne di più controlla anche questo articolo.
Metodi numerici: Allo stesso modo per manipolare il valore di un tipo di dati numerici, ci sono vari metodi. Alcuni di questi sono forniti di seguito:
Sia x = 4445.4// per convertire i numeri in una stringa
console.registro (x.accordare);
// per convertire il numero nella sua console di forma esponenziale.registro (x.toexponential ());
// restituisce il numero con lunghezza specificata
console.registro (x.toprecision (2));
Produzione:
JavaScript ci fornisce metodi per oggetti, booleani, array e altro ancora.
Condizioni in JavaScript
Un'altra parte fondamentale della programmazione è quella di prendere decisioni e causare alcune azioni basate su queste decisioni. Questo può essere fatto attraverso dichiarazioni condizionali in JavaScript. Puoi usare:
Se altro:
Lascia che l'equilibrio = 1200;Se (equilibrio < 1000)
console.log ("equilibrio inferiore a 1000");
altro
console.log ("bilancio più di 1000");
Produzione:
Se ... altro se ... altro:
Lascia che l'equilibrio = 1200;Se (equilibrio <1000)
Console.log ("equilibrio inferiore a 1000");
else if (saldo> 1000 && saldo <1500)
Console.log ("equilibrio tra 1000-1500");
else console.log ("bilanciamento più di 1500");
Produzione:
Interruttore:
let alfabet = 'b';interruttore (alfabeto)
Caso 'A':
console.log ("uovo");
rottura;
Caso 'B':
console.log ("mango");
rottura;
predefinito:
console.registro ("tè!");
Produzione:
Per comprendere meglio l'argomento puoi controllare in dettaglio questi articoli di If-Else e Switch Conditional.
Loop in JavaScript
Fino a quando una determinata condizione non viene soddisfatta. I loop continuano a ripetere un pezzo di codice (potrebbe essere una linea singola e persino a più linee) che JavaScript prevede, mentre, do-while e per ogni loop. Ecco come lavorano insieme ad esempi:
Per loop
Si avvicina attraverso un determinato codice più volte.
per (let i = 0; i < 10; i++)console.log (i + "");
Produzione:
Puoi capire il concetto e il lavoro di questo attraverso questo articolo.
Mentre loop
Loops attraverso un codice indicato specificato fino a quando le condizioni indicate.
Lascia che i = 0;mentre io <4 )
console.log (i + "");
I ++;
Produzione:
Fare mentre loop
Simile al ciclo while, c'è un loop do-while. Differisce in questo aspetto che qui almeno il ciclo verrà eseguito una volta. Il motivo è che le condizioni vengono controllate alla fine del loop.
Lascia che i = 0;Fare
console.log (i + "");
I ++;
mentre io < 3);
Produzione:
Produzione:
Per ogni ciclo
Per iterare su una raccolta come array, per ogni ciclo viene utilizzato.
let lettera = ["m", "a", "n", "g", "o"];lettera.per ciascuno(
funzione (voce)
console.log (voce + "");
);
Produzione:
Questo è solo per darti una comprensione di base. Se vuoi capire questo approfondito, controlla questo articolo o per capire il loop per in-in puoi anche controllare questo articolo.
Funzioni in javascript
Le funzioni sono blocchi di codice assegnati per eseguire qualche attività. Ad esempio, si desidera visualizzare un messaggio quando si fa clic su un pulsante. Quindi ciò accadrà attraverso l'uso delle funzioni. Per comprendere il concetto in dettaglio puoi controllare questo articolo.
Ecco una dimostrazione di come funziona:
Aggiunta della funzione (i, j = 5)restituire i + j;
Sia risultato = aggiunta (3,5);
console.log ("Aggiungi (3,5) è" + risultato);
Produzione:
Nell'esempio sopra, due numeri sono stati passati nella funzione di aggiunta () e sono stati memorizzati nel risultato variabile.
JavaScript ci fornisce vari tipi di dati, funzioni, metodi e più approfonditi. Questi sono estremamente utili e rendono facile la comprensione del programma. Ci sono così tanti modi in cui puoi imparare JavaScript, attraverso libri e attraverso risorse online.
Conclusione:
Nella guida di oggi, abbiamo imparato le basi di JavaScript. JavaScript non è diventato niente di meno che essenziale per le pagine Web interattive e attraenti. Oggi JavaScript ci fornisce vari framework che ci aiutano anche a sviluppare applicazioni Web e mobili. Gli sviluppatori stanno inoltre creando giochi di browser usando JavaScript.
Con l'aumento della domanda di JavaScript, anche le risorse per apprendere la lingua stanno aumentando. Puoi impararlo attraverso tutorial online, corsi o anche attraverso libri. Ma, non importa quale sia il tuo mezzo di apprendimento, l'unica cosa che ti rende un esperto è praticare.