Klassyntax (förhandsvisning): constructor, metoder, static och extends
Få en varsam introduktion till klassyntax: constructor, instansmetoder, statiska hjälpfunktioner och enkel arvshantering med extends.
Klassyntax (förhandsvisning): constructor, metoder, static och extends är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 2 av 2. 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 2 lektioner.
Introduktion till klassyntax
Mål: Se hur klassyntax motsvarar prototyper.
- constructor för initiering
- methods på prototypen
- static-hjälpfunktioner på klassen
- extends för enkel arvshantering
Konstruktor och metod
constructor körs vid new. Metoder i klassens kropp delas av alla instanser (via prototypen).
// Class with a constructor and an instance method
class Counter {
constructor(start = 0) {
// Initialize fields
this.value = start;
}
// Instance method (lives on the prototype)
inc() {
this.value = this.value + 1;
console.log("Now:", this.value);
}
}
const c = new Counter(1);
c.inc();
c.inc();
Delad prototyp
Instansmetoder i klassyntax är prototype methods, så samma funktion återanvänds.
// Prototype sharing demo
class Greeter {
say(name) {
console.log("Hello,", name);
}
}
const g1 = new Greeter();
const g2 = new Greeter();
// Same function reference for both instances
console.log("Same method?", g1.say === g2.say);
Grunderna i statiska metoder
static-metoder anropas på själva klassen, inte på instanser.
// Static method: lives on the class, not instances
class MathBox {
static double(n) {
return n * 2;
}
}
console.log("Static call:", MathBox.double(4));
const m = new MathBox();
// @ts-ignore (conceptually): next line would be undefined in JS
console.log("Instance has static?", typeof m.double);
Enkelt arv
extends skapar prototypkedjan; använd super för att anropa föräldrametoden.
// Inheritance with extends and super
class Animal {
speak() {
console.log("...");
}
}
class Dog extends Animal {
speak() {
// Optionally call parent method
super.speak();
console.log("Woof");
}
}
const d = new Dog();
d.speak();
Tips för klasser
Tips:
- Håll klasser små: ett par fält och metoder.
- Föredra instansmetoder i klassens kropp (delade via prototypen).
- Använd static för rena hjälpfunktioner som inte är knutna till en instans.
Quiz om klassmetoders placering
Snabb kontroll: Placering av delad metod.
Sammanfattning
Sammanfattning: Ni skapade en klass med en konstruktor, skrev delade instansmetoder, lade till en statisk hjälpfunktion och utökade en basklass med super.
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 ”Klassyntax (förhandsvisning): constructor, metoder, static och extends” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Klassyntax (förhandsvisning): constructor, metoder, static och extends”, 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 2 lektioner.
Vad lär jag mig i ”Klassyntax (förhandsvisning): constructor, metoder, static och extends”?
Få en varsam introduktion till klassyntax: constructor, instansmetoder, statiska hjälpfunktioner och enkel arvshantering med extends. 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 2 av 2.
Hur lång tid tar lektionen ”Klassyntax (förhandsvisning): constructor, metoder, static och extends”?
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
- Grunderna i prototypkedjan; kontrollera egna och ärvda egenskaper; använd Object.create; ange enkla deskriptorer.
- Klassyntax (förhandsvisning): constructor, metoder, static och extends