Impara Sfida: Implementare Proprietà e Metodi Statici in una Classe | Padronanza delle Classi e dell'Ereditarietà in JavaScript

Compito

Immagina di dover costruire un sistema di gestione dell'inventario per un negozio online. La classe Product deve tenere traccia del numero totale di prodotti aggiunti all'inventario, oltre a fornire una funzionalità per confrontare i prezzi di due prodotti.

Definire una Proprietà Statica:
- Nella classe Product, crea una proprietà statica totalProducts inizializzata a 0;
- Ogni volta che viene creata una nuova istanza di Product, incrementa totalProducts di 1 per tenere traccia di quanti prodotti sono stati aggiunti all'inventario.
Definire un Metodo Statico: Definisci un metodo statico comparePrices(product1, product2) che prende due istanze di Product come parametri e restituisce:
- "Product 1 is more expensive" se product1 ha un prezzo maggiore;
- "Product 2 is more expensive" se product2 ha un prezzo maggiore;
- "Both products have the same price" se hanno lo stesso prezzo.


              12345678910111213141516171819202122232425262728293031
            
class Product {
  _____ _____ = 0; // Define static property for total products

  constructor(name, price) {
    this.name = name;
    this.price = price;
    Product._____+=1; // Increment totalProducts
  }

  // Static method to compare prices
  _____ comparePrices(product1, product2) {
    if (product1.price > product2.price) {
      return _____;
    } else if (_____ < _____) {
      return _____;
    } else {
      return 'Both products have the same price';
    }
  }
}

// Testing
const product1 = new Product('Laptop', 1200);
const product2 = new Product('Smartphone', 800);
const product3 = new Product('Tablet', 1200);

console.log(Product.comparePrices(product1, product2)); // Expected: Product 1 is more expensive
console.log(Product.comparePrices(product1, product3)); // Expected: Both products have the same price
console.log(Product.comparePrices(product2, product3)); // Expected: Product 2 is more expensive

console.log(Product.totalProducts); // Expected: 3

Definire una proprietà statica chiamata totalProducts e inizializzarla a 0;
Nel costruttore, incrementare Product.totalProducts di 1 ogni volta che viene creata una nuova istanza di Product;
Definire un metodo statico comparePrices(product1, product2) che prende due parametri: product1 e product2;
In comparePrices, utilizzare una istruzione if per verificare se product1.price è maggiore di product2.price. Se vero, restituire "Product 1 is more expensive";
Utilizzare una istruzione else if per verificare se product1.price è minore di product2.price. Se vero, restituire "Product 2 is more expensive".


              12345678910111213141516171819202122232425262728293031
            
class Product {
  static totalProducts = 0; // Define static property for total products

  constructor(name, price) {
    this.name = name;
    this.price = price;
    Product.totalProducts+=1; // Increment totalProducts
  }

  // Static method to compare prices
  static comparePrices(product1, product2) {
    if (product1.price > product2.price) {
      return 'Product 1 is more expensive';
    } else if (product1.price < product2.price) {
      return 'Product 2 is more expensive';
    } else {
      return 'Both products have the same price';
    }
  }
}

// Testing
const product1 = new Product('Laptop', 1200);
const product2 = new Product('Smartphone', 800);
const product3 = new Product('Tablet', 1200);

console.log(Product.comparePrices(product1, product2)); // Output: Product 1 is more expensive
console.log(Product.comparePrices(product1, product3)); // Output: Both products have the same price
console.log(Product.comparePrices(product2, product3)); // Output: Product 2 is more expensive

console.log(Product.totalProducts); // Output: 3

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 13

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain how static properties and methods work in JavaScript?

What would happen if I created more Product instances?

Can you show how to add more features to the Product class?

Awesome!

Completion rate improved to 2.22

Scorri per mostrare il menu

Compito

Definire una Proprietà Statica:
- Nella classe Product, crea una proprietà statica totalProducts inizializzata a 0;
- Ogni volta che viene creata una nuova istanza di Product, incrementa totalProducts di 1 per tenere traccia di quanti prodotti sono stati aggiunti all'inventario.
Definire un Metodo Statico: Definisci un metodo statico comparePrices(product1, product2) che prende due istanze di Product come parametri e restituisce:
- "Product 1 is more expensive" se product1 ha un prezzo maggiore;
- "Product 2 is more expensive" se product2 ha un prezzo maggiore;
- "Both products have the same price" se hanno lo stesso prezzo.


              12345678910111213141516171819202122232425262728293031
            
class Product {
  _____ _____ = 0; // Define static property for total products

  constructor(name, price) {
    this.name = name;
    this.price = price;
    Product._____+=1; // Increment totalProducts
  }

  // Static method to compare prices
  _____ comparePrices(product1, product2) {
    if (product1.price > product2.price) {
      return _____;
    } else if (_____ < _____) {
      return _____;
    } else {
      return 'Both products have the same price';
    }
  }
}

// Testing
const product1 = new Product('Laptop', 1200);
const product2 = new Product('Smartphone', 800);
const product3 = new Product('Tablet', 1200);

console.log(Product.comparePrices(product1, product2)); // Expected: Product 1 is more expensive
console.log(Product.comparePrices(product1, product3)); // Expected: Both products have the same price
console.log(Product.comparePrices(product2, product3)); // Expected: Product 2 is more expensive

console.log(Product.totalProducts); // Expected: 3

Definire una proprietà statica chiamata totalProducts e inizializzarla a 0;
Nel costruttore, incrementare Product.totalProducts di 1 ogni volta che viene creata una nuova istanza di Product;
Definire un metodo statico comparePrices(product1, product2) che prende due parametri: product1 e product2;
In comparePrices, utilizzare una istruzione if per verificare se product1.price è maggiore di product2.price. Se vero, restituire "Product 1 is more expensive";
Utilizzare una istruzione else if per verificare se product1.price è minore di product2.price. Se vero, restituire "Product 2 is more expensive".


              12345678910111213141516171819202122232425262728293031
            
class Product {
  static totalProducts = 0; // Define static property for total products

  constructor(name, price) {
    this.name = name;
    this.price = price;
    Product.totalProducts+=1; // Increment totalProducts
  }

  // Static method to compare prices
  static comparePrices(product1, product2) {
    if (product1.price > product2.price) {
      return 'Product 1 is more expensive';
    } else if (product1.price < product2.price) {
      return 'Product 2 is more expensive';
    } else {
      return 'Both products have the same price';
    }
  }
}

// Testing
const product1 = new Product('Laptop', 1200);
const product2 = new Product('Smartphone', 800);
const product3 = new Product('Tablet', 1200);

console.log(Product.comparePrices(product1, product2)); // Output: Product 1 is more expensive
console.log(Product.comparePrices(product1, product3)); // Output: Both products have the same price
console.log(Product.comparePrices(product2, product3)); // Output: Product 2 is more expensive

console.log(Product.totalProducts); // Output: 3

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 13