Y a-t-il des cours en javascript ?

Il existe des cours en javascript. Une classe est un modèle utilisé pour créer des objets. Les classes en JS sont construites sur des prototypes ; à partir d'ES6, JavaScript peut utiliser le mot-clé class pour déclarer une classe, avec la syntaxe "class ClassName{constructor(){...}}" .

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Il existe des cours en javascript.

Les classes sont des modèles pour créer des objets. Ils encapsulent les données dans le code pour traiter ces données. Les classes en JS sont construites sur des prototypes, mais ont également certaines syntaxes et sémantiques non partagées avec les classes ES5.

Déclaration de classe

Nous utilisons le mot-clé class pour créer une classe. Le corps de la classe est entre accolades {}. Nous pouvons définir l'emplacement des membres de la classe, tels que les méthodes ou les constructeurs, dans les accolades {}. .

Chaque classe contient une méthode spéciale constructor(), qui est le constructeur de la classe. Cette méthode est utilisée pour créer et initialiser un objet créé par la classe.

Le format de syntaxe pour créer une classe est le suivant :

class ClassName {
  constructor() { ... }
}

Le mot-clé class de l'ES6 n'est en fait que du sucre de syntaxe, et il repose toujours sur le mécanisme du prototype en interne.

Exemple :

class phpCN {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}

L'exemple ci-dessus crée une classe nommée "phpCN".

Deux propriétés sont initialisées dans la classe : "name" et "url".

Utiliser les classes

Après avoir défini la classe, nous pouvons utiliser le mot-clé new pour créer des objets :

class phpCN {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}
 
let site = new phpCN("php中文网",  "https://www.php.cn");

La méthode constructeur constructor() sera automatiquement appelée lors de la création d'un objet.

【Recommandations associées : tutoriel vidéo javascript, front-end web】

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!