satisfies jämfört med as-assertion
Varför satisfies är säkrare än typkonvertering med as.
satisfies jämfört med as-assertion är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 3 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för TypeScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i TypeScript Academy innehåller totalt 4 lektioner.
Vad as gör
Påståendet as säger åt kompilatorn att lita på programmeraren när det gäller en typ. Det kontrollerar inte att värdet faktiskt passar, utan åsidosätter bara den infererade typen.
const value = { color: "red" } as { color: string; size: number };
// No error even though size is missing!
console.log(value.color);as kringgår säkerheten
Eftersom as hoppar över valideringen kan det dölja verkliga buggar. Objektet ovan saknar size, men TypeScript förblir tyst.
type Config = { color: string; size: number };
const broken = { color: "red" } as Config;
// broken.size is typed number but is actually undefined at runtime
console.log(broken.size); // undefinedsatisfies validerar i stället
Genom att ersätta as med satisfies omvandlas det tysta felet till ett tydligt kompileringsfel, eftersom objektet faktiskt måste överensstämma med typen.
type Config = { color: string; size: number };
// const c = { color: "red" } satisfies Config; // Error: size missing
const c = { color: "red", size: 10 } satisfies Config;
console.log(c.size);as kan tvinga fram felaktiga typer
Det går till och med att hävda helt inkompatibla typer med ett dubbelt typassertionsuttryck, vilket är farligt och bör användas sällan.
const n = "hello" as unknown as number;
// n is typed number but is actually a string
console.log(typeof n); // "string"satisfies ljuger aldrig om värden
Till skillnad från as kan satisfies inte användas för att hävda en inkompatibel typ. Det bekräftar endast att värdet redan passar.
// const x = "hello" satisfies number; // Error: string not assignable to number
const y = 42 satisfies number;
console.log(y);as förlorar kontroller av överflödiga egenskaper
Med as slinker extra eller felstavade nycklar igenom. satisfies markerar fortfarande sådana fel och upptäcker därmed stavfel.
type Config = { mode: string };
const withAs = { mdoe: "dark" } as Config; // typo passes silently
// const withSat = { mdoe: "dark" } satisfies Config; // Error: mdoe
console.log(JSON.stringify(withAs));När as faktiskt behövs
as har giltiga användningsområden, till exempel för att göra unknown smalare efter en runtime-kontroll eller vid arbete med DOM:en. För konfigurationsobjekt bör man däremot föredra satisfies.
const data: unknown = JSON.parse("{ }");
// After your own runtime validation, as can express the result.
const obj = data as Record<string, unknown>;
console.log(typeof obj);Föredra satisfies för konfiguration
För konfigurationer, routningskartor och paletter ger satisfies både validering och exakt inferens. as ger varken validering eller någon garanti.
type Palette = Record<string, string>;
const safe = { primary: "blue", accent: "gold" } satisfies Palette;
console.log(safe.primary);as const är annorlunda
Blanda inte ihop as const med en typassertion. as const begränsar till literaler och gör saker skrivskyddade; det är säkert och kombineras ofta med satisfies.
type Nums = readonly number[];
const xs = [1, 2, 3] as const satisfies Nums;
console.log(xs[0]);Sammanfattning av riskerna
as: åsidosätter kompilatorn, kontrollerar inte och kan dölja buggar. satisfies: samarbetar med kompilatorn, utför fullständig kontroll och bevarar inferensen. Välj satisfies som standard.
type Config = { level: number };
// const risky = {} as Config; // compiles, level is undefined
const safe = { level: 1 } satisfies Config;
console.log(safe.level);Byta från as till satisfies
En god vana är att, när as SomeObjectType används på en literal som man själv kontrollerar, prova att byta till satisfies och åtgärda de fel som uppstår.
type Config = { url: string; retries: number };
// Before: const c = { url: "/api" } as Config;
const c = { url: "/api", retries: 3 } satisfies Config;
console.log(c.url, c.retries);Snabb kontroll: satisfies och as
Testa förståelsen av skillnaden mellan satisfies och as.
Sammanfattning: satisfies och as-assertion
Ni har lärt er att as kringgår kontroller och kan dölja buggar, medan satisfies validerar värdet och bevarar exakt inferens. Föredra satisfies för konfigurationsobjekt som ni kontrollerar.
type Config = { color: string; size: number };
const c = { color: "red", size: 10 } satisfies Config;
console.log(c.color, c.size);
Lär dig TypeScript 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
- 101
- Lektioner
- 352
Vanliga frågor
Är lektionen ”satisfies jämfört med as-assertion” gratis?
Ja – hela texten till ”satisfies jämfört med as-assertion” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i TypeScript Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i TypeScript Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”satisfies jämfört med as-assertion”?
Varför satisfies är säkrare än typkonvertering med as. Ni övar på TypeScript 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 TypeScript Academy?
Du behöver inga förkunskaper. Utbildningen i TypeScript 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 4.
Hur lång tid tar lektionen ”satisfies jämfört med as-assertion”?
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 TypeScript Academy-lektionen?
Ja. Varje TypeScript 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
- Varför satisfies finns
- satisfies jämfört med typannotering
- satisfies jämfört med as-assertion
- Praktiska satisfies-mönster