Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends
Se nærmere på klasse-syntaks: constructor, instansmetoder, statiske hjelpemetoder og enkel arv med extends.
Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 2 av 2. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 2 leksjoner.
Introduksjon til klassesyntaks
Mål: Se hvordan klassesyntaksen henger sammen med prototyper.
- constructor for oppsett
- methods på prototypen
- static-hjelpere på klassen
- extends for enkel arv
constructor og metode
constructor kjøres når du bruker new. Metoder i klassekroppen deles av alle 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();
Deling via prototypen
Instansmetoder i klassesyntaks er prototype-metoder, så den samme funksjonen brukes på nytt.
// 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);
Grunnleggende om static-metoder
static-metoder kalles på selve klassen, ikke 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);
Enkel arv
extends setter opp prototypekjeden. Bruk super for å kalle metoden i foreldreklassen.
// 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 for klasser
Tips:
- Hold klassene små: et par felt og metoder.
- Foretrekk instansmetoder i klassekroppen (delt via prototypen).
- Bruk static for rene hjelpefunksjoner som ikke er knyttet til en instans.
Quiz om plassering av klassemetoder
Rask sjekk: Plassering av delte metoder.
Oppsummering
Oppsummering: Du opprettet en klasse med en constructor, skrev delte instansmetoder, la til en static-hjelpemetode og utvidet en basisklasse med super.
Lær deg JavaScript med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 59
- Leksjoner
- 200
Ofte stilte spørsmål
Er leksjonen «Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends» gratis?
Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 2 leksjoner.
Hva lærer jeg i «Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends»?
Se nærmere på klasse-syntaks: constructor, instansmetoder, statiske hjelpemetoder og enkel arv med extends. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med JavaScript Academy?
Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 2.
Hvor lang tid tar leksjonen «Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?
Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Prototypekjeden og grunnleggende egenskaper
- Klasse-syntaks (forhåndsvisning): constructor, metoder, static og extends