JAVASCRIPT : ELEMENTI BASE

pietro farina 4h

JAVASCRIPT : ELEMENTI BASE

Operatori

Variabili e Tipi di Dati

Tipi di dati primitivi:

Tipi di dati COMPLESSI:

Dichiarazione delle variabili:

Operatori aritmetici

(+, -, *, /, %, ++, --)

Operatori di assegnazione

(=, +=, -=, *=, /=, %=)

Array ([1, 2, 3])

var (scope globale/funzionale)

String ("Hello")

Operatori di confronto

(==, ===, !=, !==, >, <, >=, <=)

Oggetti ({ nome: "Mario", età: 25 })

let (scope di blocco)

Numero (10, 3.14)

Operatori logicI

Funzioni (function() {})

(&&, ||, !)

Booleano (true, false)

const (valori immutabili)

Operatori bitwise

(&, |, ^, ~, <<, >>)

Null (null)

Operatori ternari

(condizione ? valore1 : valore2)

Undefined (undefined)

Operatori di tipo

Simbolo (Symbol())

(typeof, instanceof)

pietro farina 4h

JAVASCRIPT : ELEMENTI BASE

Gestione degli Eventi

Array

Metodi degli array:

Cos'è un evento?

Dichiarazione di un array:

(let arr = [1, 2, 3])

Aggiunta/Rimozione (push(), pop(), shift(), unshift())

Eventi comuni:

Iterazione (map(), forEach(), filter(), reduce())

(azioni dell’utente o del sistema)

click

Ordinamento (sort(), reverse())

Metodi per la gestione degli eventi:

mouseover

Ricerca (indexOf(), find(), includes())

addEventListener("click", funzione)

mouseout

Operazioni avanzate (slice(), splice(), concat())

Eventi inline (onclick="funzione()")

keydown

Rimozione eventi (removeEventListener())

keyup

pietro farina 4h

JAVASCRIPT : ELEMENTI BASE

Async/Await

Programmazi-one Asincrona

Oggetti e Costruttori

Scrittura di codice asincrono più leggibile

Uso con fetch() per chiamate API

Proprietà e metodi

esecuzione di operazioni senza bloccare il flusso principale (main thread).

Creazione di un oggetto:

Accesso (obj.nome)

Modifica (obj.età = 30)

Con { key: value }

Costruttori di oggetti:

Eliminazione (delete obj.nome)

Con new Object()

Event Loop

call stack

Funzione costruttore:

Ricerca (indexOf(), find(), includes())

Operazioni avanzate (slice(), splice(), concat())

function Persona(nome, età) { this.nome = nome; this.età = età; }

gestisce l'esecuzione sincrona delle funzioni.

controlla continuamente il Call Stack e la Task Queue, eseguendo codice quando il Call Stack è vuoto.

pietro farina 4h

JAVASCRIPT : ELEMENTI BASE

Funzioni in JavaScript

Dichiarazione di funzioni:

Callback functions

Closure

(function somma(a, b) { return a + b; })

Function declaration

Function expression

(const somma = function(a, b) { return a + b; };)

Scope delle variabili

Passaggio di funzioni come argomento

Funzioni che ricordano lo scope in cui sono state create

Arrow function

(const somma = (a, b) => a + b;)

Globale, locale, di blocco