Maison  >  Article  >  interface Web  >  qu'est-ce qu'un constructeur dans es6

qu'est-ce qu'un constructeur dans es6

青灯夜游
青灯夜游original
2022-05-05 17:06:221854parcourir

Dans es6, le constructeur est une fonction spéciale qui est principalement utilisée pour initialiser des objets, c'est-à-dire pour attacher des valeurs initiales aux variables membres de l'objet. La première lettre de son nom de fonction est généralement en majuscule et elle est toujours utilisée avec. nouveau. Une fonction ne peut être utilisée comme constructeur que lorsqu'elle est appelée avec l'opérateur new. Si l'opérateur new n'est pas utilisé, il s'agit simplement d'une fonction ordinaire.

qu'est-ce qu'un constructeur dans es6

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

Le constructeur est une fonction spéciale, principalement utilisée pour initialiser des objets, c'est-à-dire pour attacher des valeurs initiales aux variables membres de l'objet. Il est toujours utilisé avec new. Nous pouvons extraire certaines propriétés et méthodes publiques de l'objet et les encapsuler dans cette fonction.

La première lettre du nom de fonction du constructeur est généralement en majuscule.

Lorsqu'il est appelé en tant que constructeur, il doit être utilisé avec le nouvel opérateur. Une fonction ne peut être utilisée comme constructeur que lorsqu'elle est appelée avec l'opérateur new. Si l'opérateur new n'est pas utilisé, il s'agit simplement d'une fonction ordinaire.

Lorsqu'une fonction est utilisée comme constructeur, elle peut créer une instance de l'objet via l'opérateur new et appeler la fonction correspondante via l'instance.

// 构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
    };
}
var person = new Person('kingx', '12');
person.sayName(); // 'kingx'

Lorsqu'une fonction est utilisée comme une fonction normale, celle-ci à l'intérieur de la fonction pointera vers la fenêtre.

Person('kingx', '12');
window.sayName(); // 'kingx'

En utilisant le constructeur, nous pouvons créer l'instance d'objet que nous voulons à tout moment. Le constructeur effectuera les 4 étapes suivantes une fois exécuté :

  • Créer un nouvel objet via l'opérateur new et en créer un nouveau dans la mémoire. adresse.

  • Déterminez le pointeur pour cela dans le constructeur.

  • Exécutez le code du constructeur et ajoutez des attributs à l'instance.

  • Renvoyer cet objet nouvellement créé.

Prenons comme exemple le code précédent pour générer une instance de personne :

  • Étape 1 : Créez une nouvelle adresse en mémoire pour l'instance de personne.

  • Étape 2 : Déterminez le point présent de l'instance de personne, en pointant vers la personne elle-même.

  • Étape 3 : Ajoutez les attributs name, age et sayName à l'instance de personne, où la valeur de l'attribut sayName est une fonction.

  • Étape 4 : Renvoyez cette instance de personne.

Remarque : un attribut sayName y est ajouté dans le constructeur, et sa valeur est une fonction, de sorte que chaque fois qu'une nouvelle instance est créée, un attribut sayName sera ajouté à l'instance, et dans différentes instances, le sayName la propriété est différente.

【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!

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