Typkonvertering: säkra mönster som undviker överraskningar
Förstå implicit och explicit typkonvertering. Föredra tydliga konverteringar med Number/String/Boolean och hantera NaN säkert.
Typkonvertering: säkra mönster som undviker överraskningar är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 3 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Introduktion
Mål: Se när JavaScript omvandlar typer, vilka resultat omvandlingen ger och hur explicita typomvandlingar används för att få förutsägbart beteende.
- Implicit kontra explicit
- Number/String/Boolean
- Säker hantering av NaN
Demo: implicit typomvandling
+ med en sträng utlöser konkatenering; - och * försöker konvertera till tal.
// 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)
Explicita konverteringar
Använd Number(x), String(x) och Boolean(x) för tydlighet.
// 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 kontra parseInt
Number(x) kräver en helt numerisk sträng; parseInt tolkar endast inledande siffror.
// 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)
Kontroller av NaN
Använd Number.isNaN för att kontrollera NaN utan ytterligare typomvandling.
// 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)
Säkerhetschecklista
Säkra mönster:
- Föredra === och explicita typomvandlingar.
- Använd Number(x) för numeriska strängar och undvik finurliga trick.
- Validera indata och kontrollera Number.isNaN efter tolkningen.
Quiz: explicit konvertering
Snabbkontroll: Explicit numerisk konvertering.
Sammanfattning
Sammanfattning: Implicit typomvandling kan överraska. Föredra explicita konverteringar med Number/String/Boolean och skydda koden med Number.isNaN där det behövs.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Typkonvertering: säkra mönster som undviker överraskningar” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Typkonvertering: säkra mönster som undviker överraskningar”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Typkonvertering: säkra mönster som undviker överraskningar”?
Förstå implicit och explicit typkonvertering. Föredra tydliga konverteringar med Number/String/Boolean och hantera NaN säkert. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 3.
Hur lång tid tar lektionen ”Typkonvertering: säkra mönster som undviker överraskningar”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Primitiver kontra objekt och grundläggande typer
- typeof, truthy/falsy och == kontra ===
- Typkonvertering: säkra mönster som undviker överraskningar