Che cos'è JavaScript e come funziona?

Che cos'è JavaScript e come funziona?

JavaScript è diventato un punto fermo nello sviluppo web moderno. Questo potente linguaggio si è evoluto in uno strumento essenziale da comprendere per qualsiasi sviluppatore web.





JavaScript ha caratteristiche speciali che lo rendono diverso dai linguaggi di programmazione tradizionali. Analizzeremo cos'è, come funziona e cosa puoi farci. Rompiamolo.



Che cos'è JavaScript?

JavaScript è un linguaggio di scripting per il web. È un linguaggio interpretato, il che significa che non ha bisogno di un compilatore per tradurre il suo codice come C o C++. Il codice JavaScript viene eseguito direttamente in un browser web.





L'ultima versione del linguaggio è ECMAScript 2018 che è stata rilasciata a giugno 2018.

iphone 12 pro max vs pro

JavaScript funziona con HTML e CSS per creare app web o pagine web. JavaScript è supportato dalla maggior parte dei browser Web moderni come Google Chrome, Firefox, Safari, Microsoft Edge, Opera, ecc. La maggior parte dei browser mobili per Android e iPhone ora supporta anche JavaScript.



JavaScript controlla gli elementi dinamici delle pagine web. Funziona nei browser Web e, più recentemente, anche sui server Web. Anche le interfacce di programmazione delle applicazioni (API) sono supportate da JavaScript, offrendoti più funzionalità.

Comprendere tutti i modi in cui funziona JavaScript è un po' più semplice quando capisci come funziona la programmazione web, quindi impariamo di più.



Elementi costitutivi dell'app Web

Esistono tre componenti che creano siti Web e app: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) e JavaScript. Ognuno ha un ruolo nella creazione di un'app Web.

  • HTML è un linguaggio di markup che crea lo scheletro della pagina web. Tutti i paragrafi, le sezioni, le immagini, i titoli e il testo sono scritti in HTML. Il contenuto viene visualizzato sul sito Web nell'ordine in cui sono scritti in HTML.
  • CSS controlla lo stile e gli aspetti aggiuntivi del layout. I CSS vengono utilizzati per creare il design del sito Web creando colori, caratteri, colonne, bordi, ecc. Prende il sito Web da semplici elementi di testo a design colorati.
  • Il terzo elemento è JavaScript. HTML e CSS creano la struttura, ma da lì non fanno nulla. JavaScript crea attività dinamiche sulla tua app. Lo scripting in JavaScript è ciò che controlla le funzioni quando si fa clic sui pulsanti, come vengono autenticati i moduli di password, come vengono controllati i media.

Tutte e tre le parti lavorano in armonia tra loro per creare app su vasta scala. Sarebbe una buona idea saperne di più su HTML e CSS se non ti senti completamente a tuo agio con loro.



Come funziona JavaScript?

Prima di scrivere JavaScript è importante sapere come funziona sotto il cofano. Ci sono due parti importanti da conoscere: come funziona il browser Web e il Document Object Model (DOM).

Il browser Web carica una pagina Web, analizza l'HTML e crea ciò che è noto come Document Object Model (DOM) dai contenuti. Il DOM presenta una visualizzazione live della pagina web al tuo codice JavaScript.

Il browser catturerà quindi tutto ciò che è collegato all'HTML, come immagini e file CSS. Le informazioni CSS provengono dal parser CSS.

L'HTML e il CSS vengono messi insieme dal DOM per creare prima la pagina web. Quindi, il motore JavaScript del browser carica i file JavaScript e il codice in linea ma non esegue il codice immediatamente. Attende che HTML e CSS finiscano il caricamento.

Fatto ciò, JavaScript viene eseguito nell'ordine in cui è scritto il codice. Ciò comporta l'aggiornamento del DOM dal codice JavaScript e il rendering dal browser.

L'ordine qui è importante. Se JavaScript non attendesse la fine di HTML e CSS, non sarebbe in grado di modificare gli elementi DOM.

Cosa posso fare con JavaScript?

JavaScript è un linguaggio di programmazione completo che può fare la maggior parte delle cose che un linguaggio normale come Python può fare. Questi includono:

come fare amicizia su face book
  • Dichiarare variabili.
  • Memorizzazione e recupero di valori.
  • Definire e invocare funzioni, incluso funzioni freccia .
  • Definizione di oggetti e classi JavaScript.
  • Caricamento e utilizzo di moduli esterni.
  • Scrittura di gestori di eventi che rispondono agli eventi di clic.
  • Scrittura del codice del server.
  • E altro ancora.

Avvertimento: Poiché JavaScript è un linguaggio così potente, è anche possibile scrivere malware, virus e hack del browser per infliggerli agli utenti. Questi vanno dal rubare cookie del browser, password, carte di credito al download di virus sul tuo computer.

Utilizzo di JavaScript

Diamo un'occhiata ad alcune nozioni di base di JavaScript con esempi di codice.

Dichiarare variabili

JavaScript è digitato dinamicamente, il che significa che non devi dichiarare il tipo delle tue variabili nel codice.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

operatori

aggiunta

12 + 5
>> 17

Sottrazione

20 - 8
>> 12

Moltiplicazione

5 * 2
>> 10

Divisione

50 / 2
>> 25

Modulo

45 % 4
>> 1

matrici

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Funzioni

JavaScript può scrivere funzioni, ecco una semplice funzione che aggiunge numeri.

come rimuovere graffi da cd
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

loop

JavaScript può eseguire loop per l'iterazione, loop come per i loop e mentre i loop.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Commenti

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

In una pagina Web

Il modo più comune per caricare JavaScript in una pagina web è usare il sceneggiatura tag HTML. A seconda delle tue esigenze, puoi utilizzare uno dei seguenti metodi.

  • Carica un file JavaScript esterno in una pagina web come segue: |_+_|
  • È possibile specificare l'URL completo se il javascript proviene da un dominio diverso dalla pagina Web come segue: |_+_|
  • JavaScript può essere incorporato direttamente nell'HTML. Ecco un |_+_|

Oltre a questi metodi ci sono modi per caricare il codice JavaScript su richiesta. Esistono infatti framework dedicati al caricamento e all'esecuzione di moduli JavaScript con dipendenze adeguate risolte in fase di esecuzione.

Questi sono argomenti più avanzati, in questo momento stai imparando le basi.

Esempi di frammenti di codice JavaScript

Ecco alcuni semplici esempi di codice JavaScript per illustrare come viene utilizzato nelle pagine web. Questi sono esempi di codice che funzionano con il DOM.

  • Il seguente seleziona tutto grassetto elementi nel documento e imposta il colore del primo su rosso. |_+_|
  • Vuoi cambiare l'immagine in un img etichetta? Quanto segue associa un gestore di eventi per il clic evento di un pulsante. |_+_|
  • Aggiorna il contenuto del testo di un paragrafo ( P ) elemento? Impostare il innerHTML proprietà dell'elemento come mostrato: |_+_|

Questi esempi di codice offrono solo un assaggio di cosa puoi fare utilizzando JavaScript sulla tua pagina web. Ci sono molti tutorial che possono insegnarti come programmare per iniziare. Puoi provarlo su qualsiasi pagina web, anche questa! Apri la tua console e prova del codice JavaScript.

Ora sai cosa fa JavaScript

Si spera che questa introduzione abbia portato alcune informazioni su JavaScript e ti entusiasmi per la programmazione web. Puoi ricapitolare tutto in il nostro pratico cheat sheet di JavaScript . C'è molto altro da imparare su JavaScript. Una volta che ti senti più a tuo agio, perché non provare a imparare a usare il Document Object Model? Potresti anche essere interessato a conoscere TypeScript .

Condividere Condividere Tweet E-mail Come pulire il tuo PC Windows utilizzando il prompt dei comandi

Se il tuo PC Windows sta esaurendo lo spazio di archiviazione, ripulisci la spazzatura usando queste veloci utility del prompt dei comandi.

Leggi Avanti Argomenti correlati
  • La tecnologia spiegata
  • Programmazione
  • Sviluppo web
  • JavaScript
  • Scripting
Circa l'autore Anthony Grant(40 articoli pubblicati)

Anthony Grant è uno scrittore freelance che si occupa di programmazione e software. È un esperto di informatica che si diletta in programmazione, Excel, software e tecnologia.

Altro da Anthony Grant

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per consigli tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti