Comment utiliser les constructeurs en JavaScript

Cet article partagera des connaissances sur les constructeurs en JavaScript et a une certaine valeur de référence. J'espère que cela sera utile à l'apprentissage de chacun.

Le constructeur est en fait une fonction normale, mais la première lettre doit être en majuscule lorsque vous le nommez, et lorsque vous appelez le constructeur, faites attention à l'instancier avec le nouveau mot-clé. Une telle utilisation signifie qu'il est créé vide à. au début et Renvoyez l'espace rempli à la fin, qui seront présentés en détail dans l'article.

Le constructeur génère

cela crée du vide au début et renvoie rempli vide à la fin

function Student(name age){
this.name=name;
this.age=age;
}
var student=new Student("张三"，"18");
var student1=new Student("李四"，"19");

Lors de l'exécution de la fonction Student(), les étapes suivantes seront effectuées :

(1) Créer et allouer un nouvel objet vide ceci.

(2) Exécution du corps de fonction. Habituellement, il modifiera cela en y ajoutant de nouvelles propriétés.

(3) cette valeur de retour.

De même, si nous voulons créer plus d'étudiants, nous pouvons appeler new Student(), à chaque fois la méthode est simple et facile à lire.

C'est l'objectif principal du constructeur : permettre la création de code de création d'objets réutilisables.

Retour du constructeur

Généralement, les constructeurs n'ont pas d'instructions de retour, et leur tâche est d'y écrire les éléments requis et de générer des résultats automatiquement.

Mais s'il y a un retour, cela deviendra très simple. Par exemple, si return est appelé en utilisant un objet, il ne renverra pas ceci, c'est-à-dire que l'objet de retour renvoie l'objet, et cela renvoie tous les autres. cases

Par exemple, return remplace cela en renvoyant un objet

function Student() {
 this.name = "张三";
 return { name: "李四" };  //return 一个对象
 }
 console.log( new Student().name );

Parce que return est un objet, la valeur en retour est renvoyée à la place de la valeur dans this

Mais si nous renvoyons une valeur nulle, alors ce qui est renvoyé est la valeur this

<script>
function Student() {
 this.name = "张三";
 return;  //return 一个空对象
 }
console.log(new Student().name ); 
</script>

dans les méthodes du constructeur

Le constructeur peut non seulement ajouter des propriétés mais aussi des méthodes, ce qui rend le constructeur plus flexible pour créer des objets

<script>
function Student(name) {
 this.name = name;
 this.friend=function(){
 console.log("this my friend:"+this.name);
 };
}
var student=new Student("张三");
student.friend();
</script>

Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde d'apprendre les constructeurs.

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!