Conversione dei tipi: schemi sicuri per evitare sorprese
Comprenda la conversione implicita ed esplicita; preferisca conversioni chiare con Number/String/Boolean e gestisca NaN in sicurezza.
Conversione dei tipi: schemi sicuri per evitare sorprese è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 3 lezioni in totale.
Introduzione
Obiettivo: capire quando JavaScript converte i tipi, quali risultati produce e come usare le conversioni esplicite per mantenere un comportamento prevedibile.
- Conversione implicita ed esplicita
- Number/String/Boolean
- Sicurezza con NaN
Esempio di conversione implicita
+ con una stringa attiva la concatenazione; - e * tentano una conversione numerica.
// Implicit coercion can surprise beginners
console.log("5" + 1);
// "51" (string concatenation)
console.log(5 + "1");
// "51" (number -> string)
console.log("5" - 1);
// 4 (string -> number)
console.log("5" * 2);
// 10 (string -> number)
Conversioni esplicite
Usi Number(x), String(x) e Boolean(x) per maggiore chiarezza.
// Prefer explicit, readable casts
const n = Number("42");
// 42
const s = String(42);
// "42"
const t = Boolean("hi");
// true (non-empty string)
const f = Boolean("");
// false (empty string)
console.log(n, s, t, f);
Number e parseInt a confronto
Number(x) richiede una stringa completamente numerica; parseInt analizza solo le cifre iniziali.
// Number vs parseInt with examples
console.log(Number("42"));
// 42 (full string must be numeric)
console.log(parseInt("42", 10));
// 42
console.log(parseInt("42px", 10));
// 42 (stops at non-digit)
console.log(Number("42px"));
// NaN (not a pure number)
Verifiche con NaN
Usi Number.isNaN per verificare NaN senza conversioni implicite aggiuntive.
// NaN is "Not a Number" and is not equal to itself
const bad = Number("oops");
// NaN
console.log(bad === NaN);
// false
console.log(Number.isNaN(bad));
// true (use this)
console.log(isNaN("5"));
// false (string coerces to number 5)
Checklist di sicurezza
Pattern sicuri:
- Preferisca === e le conversioni esplicite.
- Usi Number(x) per le stringhe numeriche; eviti i trucchi ingegnosi.
- Convalidi gli input; verifichi Number.isNaN dopo il parsing.
Quiz sulla conversione esplicita
Verifica rapida: conversione numerica esplicita.
Riepilogo
Riepilogo: la conversione implicita può sorprendere. Preferisca le conversioni esplicite con Number/String/Boolean e, quando necessario, usi Number.isNaN come controllo.
Domande Frequenti
La lezione «Conversione dei tipi: schemi sicuri per evitare sorprese» è gratuita?
Sì — il testo completo di «Conversione dei tipi: schemi sicuri per evitare sorprese» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 3 lezioni in totale.
Cosa imparerò in «Conversione dei tipi: schemi sicuri per evitare sorprese»?
Comprenda la conversione implicita ed esplicita; preferisca conversioni chiare con Number/String/Boolean e gestisca NaN in sicurezza. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare JavaScript Academy?
Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 3.
Quanto tempo richiede la lezione «Conversione dei tipi: schemi sicuri per evitare sorprese»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?
Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Primitivi vs oggetti e tipi fondamentali
- typeof, truthy/falsy e == vs ===
- Conversione dei tipi: schemi sicuri per evitare sorprese