TypeScript-klasser och konstruktorer
Definiera klasser med typade egenskaper och konstruktorer
TypeScript-klasser och konstruktorer är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 1 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.
Välkommen
Klassdeklaration med egenskaper
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
}Kortform för parameter-egenskaper
class Person {
constructor(
public name: string,
private age: number
) {} // properties created automatically
}Typade metoder
class Calculator {
add(a: number, b: number): number {
return a + b;
}
}Getters och setters
class Circle {
constructor(private radius: number) {}
get area(): number { return Math.PI * this.radius ** 2; }
set r(v: number) { this.radius = v; }
}Klass som typ
class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();Statiska medlemmar
class MathHelper {
static PI = 3.14159;
static square(n: number): number { return n * n; }
}
console.log(MathHelper.PI);Klassarv
class Animal {
constructor(public name: string) {}
speak(): string { return '...'; }
}
class Dog extends Animal {
speak(): string { return 'Woof!'; }
}Abstrakta klasser
abstract class Shape {
abstract area(): number;
describe(): string { return `Area: ${this.area()}`; }
}
class Square extends Shape {
constructor(private side: number) { super(); }
area() { return this.side ** 2; }
}Typen this i klasser
class Builder {
private parts: string[] = [];
add(p: string): this { this.parts.push(p); return this; }
build(): string { return this.parts.join(','); }
}Klass jämfört med gränssnitt och typ
Snabb kontroll
Sammanfattning
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 ”TypeScript-klasser och konstruktorer” gratis?
Ja – hela texten till ”TypeScript-klasser och konstruktorer” 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 ”TypeScript-klasser och konstruktorer”?
Definiera klasser med typade egenskaper och konstruktorer 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 1 av 4.
Hur lång tid tar lektionen ”TypeScript-klasser och konstruktorer”?
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
- TypeScript-klasser och konstruktorer
- Modifierarna public, private och protected
- readonly-egenskaper och parameter-egenskaper
- Implementera interface med klasser