Cours en javascript

Classe JavaScript

Une classe est un modèle pour un objet, fournissant une manière plus formelle et organisée de définir l'objet et son comportement. Les classes JavaScript ne sont pas des objets en elles-mêmes, mais des modèles permettant de créer des objets JavaScript.

La classe

est un type particulier de fonction, mais nous utilisons le mot-clé class pour la définir au lieu de function. Les propriétés sont attribuées dans la méthode constructor().

Méthode de classe

1. La syntaxe des méthodes de classe est la même que celle des méthodes objets.
2. Créez une classe en utilisant le mot-clé class.
3. contient toujours une méthode constructor().
4. Vous pouvez ensuite ajouter n'importe quel nombre de méthodes.

Exemple 1 : Créez une classe de voiture, puis créez un objet nommé « Ma voiture » ​​basé sur la classe de voiture.

class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); 

Méthode constructeur

Un constructeur est une méthode spéciale utilisée pour initialiser des objets créés avec une classe. Il est appelé automatiquement lorsqu'une nouvelle instance de la classe est créée. Il attribue généralement des valeurs aux propriétés de l'objet à l'aide des paramètres qui lui sont transmis, garantissant ainsi que l'objet est correctement initialisé lors de sa création.

Lorsque le constructeur est automatiquement appelé et que la classe est initialisée, elle doit avoir le nom exact "constructeur". En fait, si vous n'avez pas de constructeur, JavaScript ajoutera une méthode constructeur invisible et vide.

Remarque : Une classe ne peut pas avoir plusieurs constructor() méthodes, ce qui entraînera une erreur de syntaxe.

Plus d'exemples de cours

class Person {} // 空类

class Student {
  constructor(rollNo, name, age) {
    this.name = name;
    this.rollNo = rollNo;
    this.age = age;
  }
}

let student1 = new Student(1, "Alex", 12);
console.log(student1); // Output: Student { name: 'Alex', rollNo: 1, age: 12 }

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }

  displayProduct() {
    console.log(`Product: ${this.name}`);
    console.log(`Price: ${this.price}`);
  }
}

const product1 = new Product("Shirt", 19.32);
const product2 = new Product("Pant", 33.55);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!