JavaScript - Operatore typeof
Benvenuti, futuri programmatori! Oggi ci imbarcheremo in un viaggio emozionante nel mondo di JavaScript, esplorando l'operatore typeof
. Non preoccupatevi se siete nuovi alla programmazione; vi guiderò attraverso questo concetto passo dopo passo, proprio come ho fatto per centinaia di studenti negli anni. Allora, prendete la vostra bevanda preferita, fatevi comodi e immergetevi!
L'Operatore typeof
Immaginate di essere un detective nel mondo di JavaScript, il cui compito è identificare il tipo di diverse pieces di dati. Questo è esattamente ciò che fa l'operatore typeof
! È come una lente d'ingrandimento che ci aiuta a determinare il tipo di un valore o di un'espressione in JavaScript.
Sintassi
Usare l'operatore typeof
è semplice come mangiare una torta (e chi non adora la torta?). Ecco come farlo:
typeof operando
// o
typeof(operando)
Entrambe le forme funzionano allo stesso modo, quindi scegli quella che ti sembra più bella. Personalmente, preferisco la prima perché è meno da digitare, e dopotutto, i programmatori sono tutti about l'efficienza!
Tipi di Dati Restituiti dall'Operatore typeof
Ora, esaminiamo i diversi tipi che typeof
può identificare. È come un menu di sapori di dati in JavaScript:
Datatype | typeof Restituisce |
---|---|
Number | "number" |
String | "string" |
Boolean | "boolean" |
Symbol | "symbol" |
Undefined | "undefined" |
Null | "object" |
Object | "object" |
Function | "function" |
BigInt | "bigint" |
Non preoccupatevi se alcuni di questi sembrano familiari. Esploreremo ognuno con esempi che vi faranno dire "Aha!"
Operatore typeof di JavaScript per Controllare il Tipo Number
Iniziamo con i numeri. In JavaScript, i numeri sono come i mattoni delle operazioni matematiche.
console.log(typeof 42); // "number"
console.log(typeof 3.14); // "number"
console.log(typeof -10); // "number"
console.log(typeof Infinity); // "number"
console.log(typeof NaN); // "number"
Sorpresa! Anche Infinity
e NaN
(Non-a-Number) sono considerati numeri in JavaScript. È come chiamare un hot dog un sandwich - un po' inaspettato, ma è così che JavaScript funziona!
Operatore typeof di JavaScript per Controllare il Tipo String
Le stringhe sono come i contenitori del dati -她们保存文本内容。
console.log(typeof "Hello, World!"); // "string"
console.log(typeof '42'); // "string"
console.log(typeof ``); // "string"
Notate come '42' tra virgolette è una stringa, non un numero. È come vestire un numero con un abito di testo!
Operatore typeof di JavaScript per Controllare il Tipo Boolean
I booleani sono il sì/no, vero/falso della programmazione. Sono come interruttori a luce - either on or off.
console.log(typeof true); // "boolean"
console.log(typeof false); // "boolean"
console.log(typeof (1 > 2)); // "boolean"
L'ultimo esempio mostra che le comparazioni risultano in booleani. È come chiedere, "1 è maggiore di 2?" e ottenere una risposta diretta "No!" (false).
Operatore typeof di JavaScript per Controllare il Tipo Symbol
I simboli sono identificatori unici, come i cartellini di nome a una festa dove ognuno ha un nome diverso.
console.log(typeof Symbol('unique')); // "symbol"
Non preoccupatevi troppo dei simboli per ora. Sono i ragazzi cool di ES6, ma non li vediamo a ogni festa JavaScript.
Operatore typeof di JavaScript per Controllare Undefined e Null
Qui le cose diventano un po' complicate, come un trucco magico nel mondo della programmazione.
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"
Aspettate, cosa? null
è un oggetto? Questo è in realtà un bug di lunga data in JavaScript, ma è stato presente così a lungo che correggerlo potrebbe rompere il codice esistente. È come quel tavolo instabile nel vostro caffè preferito - fastidioso, ma cambiare potrebbe infastidire i clienti abituali.
Operatore typeof di JavaScript per Controllare il Tipo Object
Gli oggetti sono come contenitori che possono contenere diverse proprietà e metodi.
console.log(typeof {}); // "object"
console.log(typeof []); // "object"
console.log(typeof new Date()); // "object"
Sì, gli array sono anche oggetti! È come dire che una lista della spesa è un tipo di documento - tecnicamente vero, anche se sembra un po' strano.
Operatore typeof di JavaScript per Controllare il Tipo Function
Le funzioni sono come i verbi della programmazione -她们做事情!
console.log(typeof function() {}); // "function"
console.log(typeof console.log); // "function"
Le funzioni hanno il loro tipo speciale. È il modo di JavaScript di dire, "Sei speciale, funzioni. Hai la tua categoria!"
Operatore typeof di JavaScript per Controllare il Tipo BigInt
BigInt è il nuovo arrivato nel blocco, introdotto per gestire numeri veramente, veramente grandi.
console.log(typeof 1n); // "bigint"
console.log(typeof BigInt(1)); // "bigint"
Pensate a BigInt come il campione dei pesi massimi dei numeri - quando i numeri normali non sono abbastanza grandi!
Operatore typeof di JavaScript nello Sviluppo in Tempo Reale
Nel mondo della programmazione reale, typeof
è spesso usato per il controllo del tipo prima delle operazioni. È come controllare se hai gli ingredienti giusti prima di iniziare a cucinare.
function safeAdd(a, b) {
if (typeof a === "number" && typeof b === "number") {
return a + b;
} else {
return "Errore: Entrambi gli argomenti devono essere numeri";
}
}
console.log(safeAdd(5, 10)); // 15
console.log(safeAdd("5", 10)); // "Errore: Entrambi gli argomenti devono essere numeri"
Questa funzione controlla se entrambi gli input sono numeri prima di aggiungerli. È come un controllore alla porta di un club "Solo Numeri"!
Array JavaScript e Operatore typeof
Ecco un momento di sorpresa - ricordate come gli array sono oggetti? Vediamolo in azione:
console.log(typeof [1, 2, 3]); // "object"
Allora come controlliamo gli array? Usiamo un metodo speciale:
console.log(Array.isArray([1, 2, 3])); // true
console.log(Array.isArray({a: 1})); // false
È come avere un rilevatore speciale per oggetti a forma di array!
E вот и все, gente! Abbiamo compiuto un viaggio attraverso il territorio di typeof
in JavaScript. Ricordate, la pratica fa la perfezione, quindi giocate con questi esempi. Prima di sapere, sarete esperti nel controllo del tipo! Buon coding e che le vostre variabili siano sempre del tipo che vi aspettate!
Credits: Image by storyset