TypeScript - Numeri: Una Guida Completa per Principianti

Ciao ciao, futuro super campione del coding! Benvenuto nel nostro viaggio nel mondo dei numeri in TypeScript. Come il tuo amico insegnante di computer, sono qui per guidarti attraverso questo argomento entusiasmante. Non preoccuparti se non hai mai scritto una riga di codice prima - inizieremo dal principio e ci muoveremo gradualmente. Allora, prenditi una tazza di caffè (o la tua bevanda preferita) e immergiamoci!

Cos'è un Numero in TypeScript?

Prima di entrare nei dettagli, parliamo di cosa sono i numeri in TypeScript. Nel mondo della programmazione, i numeri sono uno dei tipi di dati più fondamentali. Sono come i mattoni della matematica nel nostro codice. TypeScript, essendo un superinsieme di JavaScript, gestisce i numeri in modo simile ma con alcuni vantaggi aggiuntivi.

Sintassi: Come Scrivere Numeri in TypeScript

In TypeScript, puoi scrivere i numeri in diversi modi. Ecco alcuni esempi:

let età: number = 30;
let prezzo: number = 19.99;
let miliardo: number = 1e9;
let coloreHex: number = 0xffffff;
let valoreBinario: number = 0b1010;
let valoreOttale: number = 0o744;

Analizziamo questi esempi:

• età: Un semplice intero.
• prezzo: Un numero decimale (chiamato anche numero a virgola mobile).
• miliardo: Notazione scientifica (1 miliardo).
• coloreHex: Notazione esadecimale (colore bianco in RGB).
• valoreBinario: Notazione binaria (uguale a 10 in decimale).
• valoreOttale: Notazione ottale (uguale a 484 in decimale).

Ricorda, in TypeScript, tutti i numeri sono valori a virgola mobile. Questo significa che anche se scrivi un intero come 30, è memorizzato come 30.0 dietro le quinte.

Creazione di Tipi Numerici

In TypeScript, puoi dichiarare esplicitamente una variabile come tipo number. Questa è una delle caratteristiche chiave che distingue TypeScript da JavaScript - ci permette di aggiungere annotazioni di tipo alle nostre variabili.

let punteggio: number;
punteggio = 95;

let temperatura: number = -5;

function calcolaArea(larghezza: number, altezza: number): number {
return larghezza * altezza;
}

let area = calcolaArea(10, 20);
console.log(area); // Output: 200

In questo esempio, abbiamo dichiarato punteggio e temperatura come tipi number. Abbiamo anche creato una funzione calcolaArea che accetta due parametri number e restituisce un number. Questo aiuta a catturare errori in anticipo se accidentalmente proviamo a passare una stringa o qualsiasi altro tipo.

Creazione di Oggetti Numero

Sebbene non sia comune (o raccomandato) nella programmazione quotidiana, puoi anche creare oggetti numero utilizzando il costruttore Number:

let oggettoNum: Number = new Number(42);
console.log(typeof oggettoNum); // Output: oggetto

let numeroPrimitivo: number = 42;
console.log(typeof numeroPrimitivo); // Output: number

Notare la lettera maiuscola 'N' in Number quando utilizziamo il costruttore. Questo crea un wrapper oggetto attorno al numero, che è diverso dal tipo primitivo di numero (minuscola 'n'). Nella maggior parte dei casi, vorrai utilizzare il tipo primitivo per ottenere una migliore prestazione e un codice più semplice.

Proprietà del Numero

TypeScript eredita diverse proprietà utili dall'oggetto Number di JavaScript. Queste sono proprietà statiche, il che significa che non è necessario creare un'istanza di Number per utilizzarle.

Ecco una tabella delle proprietà Number più comuni:

Proprietà	Descrizione	Esempio
Number.MAX_VALUE	Il numero più grande rappresentabile	console.log(Number.MAX_VALUE);
Number.MIN_VALUE	Il numero positivo più piccolo rappresentabile	console.log(Number.MIN_VALUE);
Number.NaN	Valore Not-A-Number	console.log(Number.NaN);
Number.NEGATIVE_INFINITY	Infinito negativo	console.log(Number.NEGATIVE_INFINITY);
Number.POSITIVE_INFINITY	Infinito positivo	console.log(Number.POSITIVE_INFINITY);

Vediamo queste proprietà in azione:

console.log(Number.MAX_VALUE); // Output: 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // Output: 5e-324
console.log(Number.NaN); // Output: NaN
console.log(Number.NEGATIVE_INFINITY); // Output: -Infinity
console.log(Number.POSITIVE_INFINITY); // Output: Infinity

Queste proprietà possono essere estremamente utili quando è necessario controllare valori estremi o casi speciali nei calcoli.

Metodi del Numero

I numeri TypeScript vengono anche con un set di metodi integrati che possono aiutarti a eseguire varie operazioni. Ecco una tabella di alcuni metodi comunemente utilizzati:

Metodo	Descrizione	Esempio
toFixed()	Formatta un numero con un numero specifico di decimali	let pi = 3.14159; console.log(pi.toFixed(2));
toPrecision()	Formatta un numero a una lunghezza specificata	let grandeNumero = 1234.5678; console.log(grandeNumero.toPrecision(5));
toString()	Converte un numero in una stringa	let num = 42; console.log(num.toString());
valueOf()	Restituisce il valore primitivo di un oggetto Number	let oggettoNum = new Number(42); console.log(oggettoNum.valueOf());

Vediamo questi metodi in azione:

let pi = 3.14159;
console.log(pi.toFixed(2)); // Output: "3.14"

let grandeNumero = 1234.5678;
console.log(grandeNumero.toPrecision(5)); // Output: "1234.6"

let num = 42;
console.log(num.toString()); // Output: "42"

let oggettoNum = new Number(42);
console.log(oggettoNum.valueOf()); // Output: 42

Questi metodi possono essere estremamente utili quando è necessario formattare i numeri per la visualizzazione o convertire loro per diverse operazioni.

Conclusione

Whew! Abbiamo coperto molto oggi, dai fondamentali della sintassi dei numeri in TypeScript a concetti più avanzati come le proprietà e i metodi del Number. Ricorda, lavorare con i numeri è una competenza fondamentale nella programmazione, e padroneggiare questi concetti ti sarà di grande aiuto nel tuo percorso di coding.

Mentre chiudiamo, ecco un po' di umorismo da programmatori per te: Perché i programmatori preferiscono la modalità scura? Perché la luce attira i bug! ?

Continua a esercitarti, rimani curioso e non aver paura di sperimentare con questi concetti numerici nel tuo codice. Prima di sapere, sarai in grado di calcolare e manipolare numeri come un professionista! Fino alla prossima volta, happy coding!

Credits: Image by storyset