Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Travailler Avec les Méthodes d'Objet | Fondamentaux des Objets JavaScript
Structures de Données JavaScript

bookDéfi : Travailler Avec les Méthodes d'Objet

Tâche

Un objet représentant les détails d'une voiture vous est fourni. L'objectif est de créer une méthode à l'intérieur de cet objet qui calcule le prix total de la voiture. Le coût total de la voiture est obtenu en additionnant le prix de base et la somme des options supplémentaires.

  • À l'intérieur de la méthode calculateTotalPrice, utiliser le mot-clé this pour accéder à la propriété basePrice de la voiture.
  • Utiliser le mot-clé this pour accéder aux options (leatherSeats, sunroof et navigationSystem) de l'objet options.
  • Calculer le prix total en additionnant le prix de base et la somme de toutes les options.
  • Afficher le prix total comme résultat de la méthode.
12345678910111213141516
const car = { make: "Ford", model: "F-150", basePrice: 72000, options: { leatherSeats: 2400, sunroof: 100, navigationSystem: 1650, }, calculateTotalPrice() { const totalPrice = ___ ; console.log("Total price is", totalPrice); }, }; car.calculateTotalPrice();
copy

Résultat attendu :

Total price is 76150
  1. À l'intérieur de la méthode, utiliser this.basePrice pour accéder au prix de base.
  2. Utiliser this.options pour accéder à l'objet des options.
  3. Il est possible d'utiliser la notation par point pour accéder aux propriétés des options (par exemple, this.options.leatherSeats).
1234567891011121314151617181920
const car = { make: "Ford", model: "F-150", basePrice: 72000, options: { leatherSeats: 2400, sunroof: 100, navigationSystem: 1650, }, calculateTotalPrice() { const totalPrice = this.basePrice + this.options.leatherSeats + this.options.sunroof + this.options.navigationSystem; console.log("Total price is", totalPrice); }, }; car.calculateTotalPrice();
copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 11

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain how the total price is calculated in the method?

What does the `this` keyword refer to inside the `calculateTotalPrice` method?

Can you show how to add more options to the car object?

Awesome!

Completion rate improved to 2.27

bookDéfi : Travailler Avec les Méthodes d'Objet

Glissez pour afficher le menu

Tâche

Un objet représentant les détails d'une voiture vous est fourni. L'objectif est de créer une méthode à l'intérieur de cet objet qui calcule le prix total de la voiture. Le coût total de la voiture est obtenu en additionnant le prix de base et la somme des options supplémentaires.

  • À l'intérieur de la méthode calculateTotalPrice, utiliser le mot-clé this pour accéder à la propriété basePrice de la voiture.
  • Utiliser le mot-clé this pour accéder aux options (leatherSeats, sunroof et navigationSystem) de l'objet options.
  • Calculer le prix total en additionnant le prix de base et la somme de toutes les options.
  • Afficher le prix total comme résultat de la méthode.
12345678910111213141516
const car = { make: "Ford", model: "F-150", basePrice: 72000, options: { leatherSeats: 2400, sunroof: 100, navigationSystem: 1650, }, calculateTotalPrice() { const totalPrice = ___ ; console.log("Total price is", totalPrice); }, }; car.calculateTotalPrice();
copy

Résultat attendu :

Total price is 76150
  1. À l'intérieur de la méthode, utiliser this.basePrice pour accéder au prix de base.
  2. Utiliser this.options pour accéder à l'objet des options.
  3. Il est possible d'utiliser la notation par point pour accéder aux propriétés des options (par exemple, this.options.leatherSeats).
1234567891011121314151617181920
const car = { make: "Ford", model: "F-150", basePrice: 72000, options: { leatherSeats: 2400, sunroof: 100, navigationSystem: 1650, }, calculateTotalPrice() { const totalPrice = this.basePrice + this.options.leatherSeats + this.options.sunroof + this.options.navigationSystem; console.log("Total price is", totalPrice); }, }; car.calculateTotalPrice();
copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 11
some-alt