Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Använda Parameterobjekt | Bemästra JavaScript-klasser och Arv
Avancerad JavaScript-mästerskap

bookAnvända Parameterobjekt

När klasser kräver flera datadelar för att initiera ett objekt kan hantering av flera individuella parametrar snabbt bli komplext och felbenäget.

Användning av ett enda objekt som parameter

Vid skapande av komplexa objekt kan det bli besvärligt och felbenäget att skicka flera parametrar till en klasskonstruktor. En tydlig lösning är att använda ett parameterobjekt, där du skickar ett enda objekt som innehåller alla nödvändiga egenskaper. Detta tillvägagångssätt håller din kod organiserad och minskar risken för misstag, särskilt när antalet parametrar ökar.

Tänk på det som att lägga en beställning på en specialbyggd bil. Istället för att ange varje detalj – såsom färg, motortyp, interiörmaterial och andra funktioner – en i taget, lämnar du in ett specifikationsblad (ett objekt) som innehåller alla dessa detaljer på en gång. Det är mer effektivt och mindre benäget för fel.

Istället för att definiera flera parametrar i constructor, accepterar du ett enda objekt som innehåller all data som behövs för initialisering.


              
12345678910111213141516171819202122

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

  // Method to describe the animal
  getInfo() {
    return `${this.name} is a ${this.age}-year-old ${this.type} animal that follows a ${this.diet} diet.`;
  }
}

const lion = new Animal({
  name: 'Lion',
  type: 'Wild',
  age: 12,
  diet: 'Carnivore',
});

console.log(lion.getInfo()); // Output: Lion is a 12-year-old Wild animal that follows a Carnivore diet.
copy

I det här exemplet skickas istället för att skicka name, type, age och diet som separata parametrar, ett enda objekt till constructor. Denna metod gör klassen enklare att hantera, särskilt när antalet egenskaper ökar.

Fördelar med att använda ett parameterobjekt

1. Läsbarhet och tydlighet

Att skicka ett objekt gör funktionsanropet mer läsbart. Du kan omedelbart se vilka värden som motsvarar vilka egenskaper utan att behöva förlita dig på ordningen av parametrarna.

const pig = new Animal({
  name: 'Pig',
  type: 'Domestic',
  age: 18,
  diet: 'Omnivore',
});

Jämfört med:

const pig = new Animal('Pig', 'Domestic', 18, 'Omnivore');

När du skickar flera värden i det andra exemplet är det inte direkt uppenbart vilka värden som motsvarar vilka egenskaper utan att titta på definitionen av constructor. Parameterobjektmetoden förbättrar tydligheten.

2. Flexibilitet

Att använda ett parameterobjekt gör det möjligt att utelämna vissa egenskaper eller lägga till nya utan att ändra funktionssignaturen. Detta gör konstruktorn mer anpassningsbar, särskilt när du behöver hantera valfria parametrar.

const racoon = new Animal({
  name: 'Raccoon',
  age: 2,
});

I detta fall skickar vi endast name och age utan type eller diet. Om dessa egenskaper är valfria i din klass kan du enkelt hantera dem genom att använda standardvärden eller låta dem vara odefinierade.

1. Vilket av följande visar korrekt användning av ett parameterobjekt i en constructor?

2. Givet följande klassdefinition, hur skulle ett nytt Animal-objekt med namnet rabbit och endast name och age instansieras med hjälp av ett parameterobjekt?

question mark

Vilket av följande visar korrekt användning av ett parameterobjekt i en constructor?

Select the correct answer

question mark

Givet följande klassdefinition, hur skulle ett nytt Animal-objekt med namnet rabbit och endast name och age instansieras med hjälp av ett parameterobjekt?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 6

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 to handle default values for missing properties in the parameter object?

What are some potential drawbacks of using a parameter object?

Can you show how this approach compares to using named parameters in other languages?

Awesome!

Completion rate improved to 2.22

bookAnvända Parameterobjekt

Svep för att visa menyn

När klasser kräver flera datadelar för att initiera ett objekt kan hantering av flera individuella parametrar snabbt bli komplext och felbenäget.

Användning av ett enda objekt som parameter

Vid skapande av komplexa objekt kan det bli besvärligt och felbenäget att skicka flera parametrar till en klasskonstruktor. En tydlig lösning är att använda ett parameterobjekt, där du skickar ett enda objekt som innehåller alla nödvändiga egenskaper. Detta tillvägagångssätt håller din kod organiserad och minskar risken för misstag, särskilt när antalet parametrar ökar.

Tänk på det som att lägga en beställning på en specialbyggd bil. Istället för att ange varje detalj – såsom färg, motortyp, interiörmaterial och andra funktioner – en i taget, lämnar du in ett specifikationsblad (ett objekt) som innehåller alla dessa detaljer på en gång. Det är mer effektivt och mindre benäget för fel.

Istället för att definiera flera parametrar i constructor, accepterar du ett enda objekt som innehåller all data som behövs för initialisering.


              
12345678910111213141516171819202122

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

  // Method to describe the animal
  getInfo() {
    return `${this.name} is a ${this.age}-year-old ${this.type} animal that follows a ${this.diet} diet.`;
  }
}

const lion = new Animal({
  name: 'Lion',
  type: 'Wild',
  age: 12,
  diet: 'Carnivore',
});

console.log(lion.getInfo()); // Output: Lion is a 12-year-old Wild animal that follows a Carnivore diet.
copy

I det här exemplet skickas istället för att skicka name, type, age och diet som separata parametrar, ett enda objekt till constructor. Denna metod gör klassen enklare att hantera, särskilt när antalet egenskaper ökar.

Fördelar med att använda ett parameterobjekt

1. Läsbarhet och tydlighet

Att skicka ett objekt gör funktionsanropet mer läsbart. Du kan omedelbart se vilka värden som motsvarar vilka egenskaper utan att behöva förlita dig på ordningen av parametrarna.

const pig = new Animal({
  name: 'Pig',
  type: 'Domestic',
  age: 18,
  diet: 'Omnivore',
});

Jämfört med:

const pig = new Animal('Pig', 'Domestic', 18, 'Omnivore');

När du skickar flera värden i det andra exemplet är det inte direkt uppenbart vilka värden som motsvarar vilka egenskaper utan att titta på definitionen av constructor. Parameterobjektmetoden förbättrar tydligheten.

2. Flexibilitet

Att använda ett parameterobjekt gör det möjligt att utelämna vissa egenskaper eller lägga till nya utan att ändra funktionssignaturen. Detta gör konstruktorn mer anpassningsbar, särskilt när du behöver hantera valfria parametrar.

const racoon = new Animal({
  name: 'Raccoon',
  age: 2,
});

I detta fall skickar vi endast name och age utan type eller diet. Om dessa egenskaper är valfria i din klass kan du enkelt hantera dem genom att använda standardvärden eller låta dem vara odefinierade.

1. Vilket av följande visar korrekt användning av ett parameterobjekt i en constructor?

2. Givet följande klassdefinition, hur skulle ett nytt Animal-objekt med namnet rabbit och endast name och age instansieras med hjälp av ett parameterobjekt?

question mark

Vilket av följande visar korrekt användning av ett parameterobjekt i en constructor?

Select the correct answer

question mark

Givet följande klassdefinition, hur skulle ett nytt Animal-objekt med namnet rabbit och endast name och age instansieras med hjälp av ett parameterobjekt?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 6
some-alt