Maison >interface Web >js tutoriel >Comment les classes et objets JavaScript gèrent-ils les constructeurs sans utiliser les méthodes traditionnelles ?

Comment les classes et objets JavaScript gèrent-ils les constructeurs sans utiliser les méthodes traditionnelles ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-07 20:01:031049parcourir

How do JavaScript classes and objects handle constructors without using traditional methods?

Constructeurs d'objets JavaScript : un guide

Les classes et les objets JavaScript n'ont pas de constructeurs au sens traditionnel comme c'est le cas dans d'autres langages de programmation. Au lieu de cela, ils utilisent des prototypes pour initialiser et définir des propriétés et des méthodes.

Constructeurs basés sur des prototypes

Pour créer un constructeur à l'aide de prototypes, vous définissez un nom de fonction qui agit comme le « constructeur ». Au sein de cette fonction, vous attribuez des valeurs aux propriétés et aux méthodes à l'aide du mot-clé "this".

Exemple :

<code class="javascript">function Box(color) {
    this.color = color;
}</code>

La fonction "Box" agit désormais comme un constructeur, et vous pouvez instancier de nouveaux objets en utilisant "new".

<code class="javascript">var blueBox = new Box("blue");</code>

Pour définir des méthodes pour les objets "Box", vous utilisez la propriété "prototype" de la fonction.

<code class="javascript">Box.prototype.getColor = function() {
    return this.color;
};</code>

Masquer les propriétés privées

Vous pouvez également "masquer" les propriétés en les déclarant comme variables dans la fonction constructeur.

<code class="javascript">function Box(col) {
    var color = col;
    ...
}</code>

Utilisation

Vous pouvez instancier de nouveaux objets et accéder aux propriétés et méthodes en utilisant la syntaxe :

<code class="javascript">var box1 = new Box("green");
box1.getColor(); // returns "green"</code>

Cette approche vous permet d'initialiser et de définir dynamiquement les propriétés et les méthodes des objets JavaScript.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn