Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Använda Egenskaper Inom Metoder | Grunderna i JavaScript-Objekt
Javascript Datastrukturer

bookAnvända Egenskaper Inom Metoder

Låt oss fördjupa oss i användningen av objektmetoder och utforska hur metoder använder nyckelordet this för att komma åt objektets egenskaper.

Åtkomst till objektets egenskaper i metoder

Inuti en metod gör this det möjligt att läsa eller uppdatera objektets egenskaper.

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 metoden getInfo syftar this på objektet furniture och representerar hela objektets interna innehåll.

Praktiskt exempel

I metoder kan objektets egenskaper nås via this och sedan användas med punktnotation som vanligt.

I exemplet nedan använder metoderna getColor, addProperty och modifyProperty this för att komma åt egenskapen furniture och utföra olika operationer.

  • getColor loggar garderobens färg till konsolen genom att använda this för att referera till objektets egenskaper;
  • addProperty lägger till nya egenskaper i furniture-objektet. Den tar två parametrar: propertyName (namnet på den nya egenskapen) och propertyValue (värdet som ska tilldelas den nya egenskapen);
  • modifyProperty ändrar värdet på en befintlig egenskap i furniture-objektet. Den tar två parametrar: propertyName (namnet på egenskapen som ska ändras) och propertyValue (det nya värdet som ska tilldelas egenskapen).

              
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
Note
Observera

this säkerställer att metoden alltid hänvisar till rätt objekt, även om metoden återanvänds eller kopieras någon annanstans.

1. Vad syftar nyckelordet this på när det används inom en metod i ett objekt?

2. I det angivna exemplet nedan, vilken roll har metoden getFeastPrice i objektet menu?

3. I det givna exemplet nedan, hur får du åtkomst till egenskapen "cold appetizer" i objektet menu med hjälp av this?

question mark

Vad syftar nyckelordet this på när det används inom en metod i ett objekt?

Select the correct answer

question mark

I det angivna exemplet nedan, vilken roll har metoden getFeastPrice i objektet menu?

Select the correct answer

question mark

I det givna exemplet nedan, hur får du åtkomst till egenskapen "cold appetizer" i objektet menu med hjälp av this?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 10

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain how the `this` keyword works in different contexts?

What happens if I call one of these methods from outside the object?

Can you show more examples of using `this` in object methods?

bookAnvända Egenskaper Inom Metoder

Svep för att visa menyn

Låt oss fördjupa oss i användningen av objektmetoder och utforska hur metoder använder nyckelordet this för att komma åt objektets egenskaper.

Åtkomst till objektets egenskaper i metoder

Inuti en metod gör this det möjligt att läsa eller uppdatera objektets egenskaper.

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 metoden getInfo syftar this på objektet furniture och representerar hela objektets interna innehåll.

Praktiskt exempel

I metoder kan objektets egenskaper nås via this och sedan användas med punktnotation som vanligt.

I exemplet nedan använder metoderna getColor, addProperty och modifyProperty this för att komma åt egenskapen furniture och utföra olika operationer.

  • getColor loggar garderobens färg till konsolen genom att använda this för att referera till objektets egenskaper;
  • addProperty lägger till nya egenskaper i furniture-objektet. Den tar två parametrar: propertyName (namnet på den nya egenskapen) och propertyValue (värdet som ska tilldelas den nya egenskapen);
  • modifyProperty ändrar värdet på en befintlig egenskap i furniture-objektet. Den tar två parametrar: propertyName (namnet på egenskapen som ska ändras) och propertyValue (det nya värdet som ska tilldelas egenskapen).

              
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
Note
Observera

this säkerställer att metoden alltid hänvisar till rätt objekt, även om metoden återanvänds eller kopieras någon annanstans.

1. Vad syftar nyckelordet this på när det används inom en metod i ett objekt?

2. I det angivna exemplet nedan, vilken roll har metoden getFeastPrice i objektet menu?

3. I det givna exemplet nedan, hur får du åtkomst till egenskapen "cold appetizer" i objektet menu med hjälp av this?

question mark

Vad syftar nyckelordet this på när det används inom en metod i ett objekt?

Select the correct answer

question mark

I det angivna exemplet nedan, vilken roll har metoden getFeastPrice i objektet menu?

Select the correct answer

question mark

I det givna exemplet nedan, hur får du åtkomst till egenskapen "cold appetizer" i objektet menu med hjälp av this?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 10
some-alt