Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Brug Af Egenskaber Inden For Metoder | Grundlæggende om JavaScript-Objekter
Javascript Datastrukturer

bookBrug Af Egenskaber Inden For Metoder

Lad os dykke dybere ned i brugen af objektmetoder og udforske, hvordan metoder anvender this-nøgleordet til at få adgang til objektets egenskaber.

Adgang til objektets egenskaber i metoder

Når en metode defineres i et objekt, kan objektets egenskaber tilgås ved hjælp af this-nøgleordet. this refererer til objektet, der kaldte metoden, hvilket muliggør interaktion med dets egenskaber. Dette koncept illustreres med et eksempel:

const furniture = {
  type: "wardrobe",
  manufacturer: "Belgium",
  color: "wenge magic",
  getInfo() {
    console.log(this);
  },
};

// Method call
furniture.getInfo(); // Output: {type: 'wardrobe', manufacturer: 'Belgium', color: 'wenge magic', getInfo: ƒ}

I getInfo-metoden refererer this til furniture-objektet og repræsenterer hele objektets indhold.

Praktisk eksempel

I metoder kan objektets egenskaber tilgås via this, hvorefter punktnotation anvendes til at tilgå de specifikke egenskaber som normalt.

I eksemplet nedenfor anvender metoderne getColor, addProperty og modifyProperty this til at tilgå egenskaberne i furniture og udføre forskellige operationer.

  • getColor logger garderobens farve til konsollen ved at bruge this til at referere til objektets egenskaber;
  • addProperty tilføjer nye egenskaber til furniture-objektet. Den tager to parametre: propertyName (navnet på den nye egenskab) og propertyValue (værdien, der skal tildeles den nye egenskab);
  • modifyProperty ændrer værdien af en eksisterende egenskab i furniture-objektet. Den tager to parametre: propertyName (navnet på den egenskab, der skal ændres) og propertyValue (den nye værdi, der skal tildeles egenskaben).
12345678910111213141516171819202122232425262728
const furniture = { type: "wardrobe", manufacturer: "Belgium", color: "wenge magic", getColor() { console.log(this.color); }, addProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, modifyProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, }; // Access the `color` property of the `furniture` and log it to the console. furniture.getColor(); // Output: wenge magic // Add a new property to the `furniture` object using the `addProperty` method. furniture.addProperty("material", "wood"); console.log(furniture.material); // Output: wood // Modify an existing property using the `modifyProperty` method. furniture.modifyProperty("color", "oak"); console.log(furniture.color); // Output: oak
copy

Bemærk

Brug af nøgleordet this er afgørende i objektmetoder. Det sikrer, at metoden arbejder med det specifikke objekt, der kalder den, selv hvis navnet ikke er kendt på forhånd. Dette undgår potentielle problemer, såsom at kopiere metoder fra ét objekt til et andet med et andet navn.

1. Hvad refererer nøgleordet this til, når det bruges i en metode på et objekt?

2. I det følgende eksempel, hvad er rollen for metoden getFeastPrice i objektet menu?

3. I det følgende eksempel, hvordan tilgår du egenskaben "cold appetizer" i objektet menu ved brug af this?

question mark

Hvad refererer nøgleordet this til, når det bruges i en metode på et objekt?

Select the correct answer

question mark

I det følgende eksempel, hvad er rollen for metoden getFeastPrice i objektet menu?

Select the correct answer

question mark

I det følgende eksempel, hvordan tilgår du egenskaben "cold appetizer" i objektet menu ved brug af this?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 10

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.27

bookBrug Af Egenskaber Inden For Metoder

Stryg for at vise menuen

Lad os dykke dybere ned i brugen af objektmetoder og udforske, hvordan metoder anvender this-nøgleordet til at få adgang til objektets egenskaber.

Adgang til objektets egenskaber i metoder

Når en metode defineres i et objekt, kan objektets egenskaber tilgås ved hjælp af this-nøgleordet. this refererer til objektet, der kaldte metoden, hvilket muliggør interaktion med dets egenskaber. Dette koncept illustreres med et eksempel:

const furniture = {
  type: "wardrobe",
  manufacturer: "Belgium",
  color: "wenge magic",
  getInfo() {
    console.log(this);
  },
};

// Method call
furniture.getInfo(); // Output: {type: 'wardrobe', manufacturer: 'Belgium', color: 'wenge magic', getInfo: ƒ}

I getInfo-metoden refererer this til furniture-objektet og repræsenterer hele objektets indhold.

Praktisk eksempel

I metoder kan objektets egenskaber tilgås via this, hvorefter punktnotation anvendes til at tilgå de specifikke egenskaber som normalt.

I eksemplet nedenfor anvender metoderne getColor, addProperty og modifyProperty this til at tilgå egenskaberne i furniture og udføre forskellige operationer.

  • getColor logger garderobens farve til konsollen ved at bruge this til at referere til objektets egenskaber;
  • addProperty tilføjer nye egenskaber til furniture-objektet. Den tager to parametre: propertyName (navnet på den nye egenskab) og propertyValue (værdien, der skal tildeles den nye egenskab);
  • modifyProperty ændrer værdien af en eksisterende egenskab i furniture-objektet. Den tager to parametre: propertyName (navnet på den egenskab, der skal ændres) og propertyValue (den nye værdi, der skal tildeles egenskaben).
12345678910111213141516171819202122232425262728
const furniture = { type: "wardrobe", manufacturer: "Belgium", color: "wenge magic", getColor() { console.log(this.color); }, addProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, modifyProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, }; // Access the `color` property of the `furniture` and log it to the console. furniture.getColor(); // Output: wenge magic // Add a new property to the `furniture` object using the `addProperty` method. furniture.addProperty("material", "wood"); console.log(furniture.material); // Output: wood // Modify an existing property using the `modifyProperty` method. furniture.modifyProperty("color", "oak"); console.log(furniture.color); // Output: oak
copy

Bemærk

Brug af nøgleordet this er afgørende i objektmetoder. Det sikrer, at metoden arbejder med det specifikke objekt, der kalder den, selv hvis navnet ikke er kendt på forhånd. Dette undgår potentielle problemer, såsom at kopiere metoder fra ét objekt til et andet med et andet navn.

1. Hvad refererer nøgleordet this til, når det bruges i en metode på et objekt?

2. I det følgende eksempel, hvad er rollen for metoden getFeastPrice i objektet menu?

3. I det følgende eksempel, hvordan tilgår du egenskaben "cold appetizer" i objektet menu ved brug af this?

question mark

Hvad refererer nøgleordet this til, når det bruges i en metode på et objekt?

Select the correct answer

question mark

I det følgende eksempel, hvad er rollen for metoden getFeastPrice i objektet menu?

Select the correct answer

question mark

I det følgende eksempel, hvordan tilgår du egenskaben "cold appetizer" i objektet menu ved brug af this?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 10
some-alt