Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Leer Methoden Definiëren in JavaScript-Klassen | Beheersing van JavaScript-Klassen en Overerving
Geavanceerde JavaScript-Beheersing

bookMethoden Definiëren in JavaScript-Klassen

Nu we weten hoe we eigenschappen kunnen toevoegen met behulp van de constructor, bekijken we hoe we methoden aan een klasse kunnen toevoegen.

Methoden in klassen definiëren en gebruiken

Deze methoden werken doorgaans op de eigenschappen van het object en bieden een manier om met de gegevens ervan te werken.

Om een klasse-methode te definiëren, wordt een functie binnen de klasse gedeclareerd zonder het gebruik van het function sleutelwoord.

class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  // Class method
  getInfo() {
    return `${this.name} is a ${this.type} animal.`;
  }
}

In dit voorbeeld is getInfo een methode van de klasse Animal. Elke instantie van Animal kan deze methode aanroepen om informatie over die specifieke instantie op te halen.

Hoe methoden zijn gekoppeld aan instanties van een klasse

Wanneer een instantie van een klasse wordt aangemaakt, worden de binnen de klasse gedefinieerde methoden automatisch beschikbaar voor die instantie. Deze methoden kunnen de eigenschappen van de instantie benaderen en wijzigen met behulp van het sleutelwoord this, dat verwijst naar het huidige object.

Beschouw methoden als gereedschappen die elk object (instantie) bij zich draagt. Elk object heeft zijn eigen gegevens (eigenschappen), maar ze delen dezelfde gereedschappen (methoden) om met die gegevens te werken.

Beschouw het volgende voorbeeld:


              
1234567891011121314151617

            
class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  // Class method
  getInfo() {
    return `${this.name} is a ${this.type} animal.`;
  }
}

const lion = new Animal('Lion', 'Wild');
console.log(lion.getInfo()); // Output: Lion is a Wild animal.

const pig = new Animal('Pig', 'Domestic');
console.log(pig.getInfo()); // Output: Pig is a Domestic animal.
copy

In dit voorbeeld zijn zowel lion als pig instanties van de klasse Animal. De methode getInfo is beschikbaar voor beide en geeft verschillende resultaten terug op basis van de eigenschappen van de specifieke instantie waarop deze wordt aangeroepen. Dit toont aan hoe methoden gedeeld worden tussen instanties, maar werken met gegevens die specifiek zijn voor elk exemplaar.

Waarom klassenmethoden gebruiken?

Klassenmethoden definiëren gedragingen die specifiek zijn voor het object. Ze maken de code meer modulair, beter onderhoudbaar en zorgen voor een duidelijke scheiding van verantwoordelijkheden. In plaats van direct objecteigenschappen te manipuleren, bieden klassenmethoden een gecontroleerde manier om met de gegevens van het object te werken en deze aan te passen.

Voorbeeld met een methode die de toestand van het object wijzigt:


              
1234567891011121314151617181920

            
class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  getInfo() {
    return `${this.name} is a ${this.type} animal.`;
  }

  changeType(newType) {
    this.type = newType;
  }
}

const lion = new Animal('Lion', 'Wild');
console.log(lion.getInfo()); // Output: Lion is a Wild animal.

lion.changeType('Domestic');
console.log(lion.getInfo()); // Output: Lion is a Domestic animal.
copy

In dit voorbeeld maakt de methode changeType het mogelijk om de eigenschap type van het object bij te werken. Dit toont aan hoe methoden logica kunnen kapselen die direct invloed heeft op de toestand van het object.

1. Wat is een klasse-methode?

2. Hoe definieer je in een klasse een methode genaamd speak die een instantie kan gebruiken?

3. Wat geeft de volgende code als uitvoer?

question mark

Wat is een klasse-methode?

Select the correct answer

question mark

Hoe definieer je in een klasse een methode genaamd speak die een instantie kan gebruiken?

Select the correct answer

question mark

Wat geeft de volgende code als uitvoer?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 4

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 2.22

bookMethoden Definiëren in JavaScript-Klassen

Veeg om het menu te tonen

Nu we weten hoe we eigenschappen kunnen toevoegen met behulp van de constructor, bekijken we hoe we methoden aan een klasse kunnen toevoegen.

Methoden in klassen definiëren en gebruiken

Deze methoden werken doorgaans op de eigenschappen van het object en bieden een manier om met de gegevens ervan te werken.

Om een klasse-methode te definiëren, wordt een functie binnen de klasse gedeclareerd zonder het gebruik van het function sleutelwoord.

class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  // Class method
  getInfo() {
    return `${this.name} is a ${this.type} animal.`;
  }
}

In dit voorbeeld is getInfo een methode van de klasse Animal. Elke instantie van Animal kan deze methode aanroepen om informatie over die specifieke instantie op te halen.

Hoe methoden zijn gekoppeld aan instanties van een klasse

Wanneer een instantie van een klasse wordt aangemaakt, worden de binnen de klasse gedefinieerde methoden automatisch beschikbaar voor die instantie. Deze methoden kunnen de eigenschappen van de instantie benaderen en wijzigen met behulp van het sleutelwoord this, dat verwijst naar het huidige object.

Beschouw methoden als gereedschappen die elk object (instantie) bij zich draagt. Elk object heeft zijn eigen gegevens (eigenschappen), maar ze delen dezelfde gereedschappen (methoden) om met die gegevens te werken.

Beschouw het volgende voorbeeld:


              
1234567891011121314151617

            
class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  // Class method
  getInfo() {
    return `${this.name} is a ${this.type} animal.`;
  }
}

const lion = new Animal('Lion', 'Wild');
console.log(lion.getInfo()); // Output: Lion is a Wild animal.

const pig = new Animal('Pig', 'Domestic');
console.log(pig.getInfo()); // Output: Pig is a Domestic animal.
copy

In dit voorbeeld zijn zowel lion als pig instanties van de klasse Animal. De methode getInfo is beschikbaar voor beide en geeft verschillende resultaten terug op basis van de eigenschappen van de specifieke instantie waarop deze wordt aangeroepen. Dit toont aan hoe methoden gedeeld worden tussen instanties, maar werken met gegevens die specifiek zijn voor elk exemplaar.

Waarom klassenmethoden gebruiken?

Klassenmethoden definiëren gedragingen die specifiek zijn voor het object. Ze maken de code meer modulair, beter onderhoudbaar en zorgen voor een duidelijke scheiding van verantwoordelijkheden. In plaats van direct objecteigenschappen te manipuleren, bieden klassenmethoden een gecontroleerde manier om met de gegevens van het object te werken en deze aan te passen.

Voorbeeld met een methode die de toestand van het object wijzigt:


              
1234567891011121314151617181920

            
class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  getInfo() {
    return `${this.name} is a ${this.type} animal.`;
  }

  changeType(newType) {
    this.type = newType;
  }
}

const lion = new Animal('Lion', 'Wild');
console.log(lion.getInfo()); // Output: Lion is a Wild animal.

lion.changeType('Domestic');
console.log(lion.getInfo()); // Output: Lion is a Domestic animal.
copy

In dit voorbeeld maakt de methode changeType het mogelijk om de eigenschap type van het object bij te werken. Dit toont aan hoe methoden logica kunnen kapselen die direct invloed heeft op de toestand van het object.

1. Wat is een klasse-methode?

2. Hoe definieer je in een klasse een methode genaamd speak die een instantie kan gebruiken?

3. Wat geeft de volgende code als uitvoer?

question mark

Wat is een klasse-methode?

Select the correct answer

question mark

Hoe definieer je in een klasse een methode genaamd speak die een instantie kan gebruiken?

Select the correct answer

question mark

Wat geeft de volgende code als uitvoer?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 4
some-alt