Maison > interface Web > js tutoriel > Pourquoi js a-t-il besoin d'un constructeur ?

Pourquoi js a-t-il besoin d'un constructeur ?

(*-*)浩
Libérer: 2019-06-15 17:58:09
original
3901 Les gens l'ont consulté

Utiliser des constructeurs pour construire des objets réutilisables

Pourquoi js a-t-il besoin d'un constructeur ?

Les fonctions dans JS peuvent être des constructeurs Les fonctions peuvent être appelées comme fonctions ordinaires.Lorsque new est utilisé pour créer un objet, la fonction correspondante est le constructeur. Lorsqu'elle est appelée via un objet, c'est une fonction ordinaire.

Le constructeur est une fonction que vous construisez. C'est une méthode spéciale qui est qualitativement différente des fonctions ordinaires. Sa fonction est principalement utilisée pour initialiser l'objet lors de la création d'un objet, c'est-à-dire donner l'objet. Lors de l'attribution de valeurs initiales aux membres, les principales caractéristiques du constructeur sont le nom de la méthode, la première lettre est en majuscule et new est utilisé

Si votre objet a de nombreuses instances, ou implique un héritage ou paramètres de la fonction constructeur, faites attention aux commentaires du code

//创建了一个构造函数
function Person(name,address){
    this.name = name;
    this.address = address;
}
//为构造函数的原型对象添加一个方法sayHello
Person.prototype.sayHello = function(){
    console.log('Hi I am ' + this.name);
}
//通过构造函数Person实例化一个p1,并传参
var p1 = new Person('postbird','earth');
//通过构造函数Person实例化一个p2,并传参
var p2 = new Person('ptbird','month');
console.log(p1);//{name: "postbird", address: "earth"}
console.log(p2);//{name: "ptbird", address: "month"}
// p1和p2 继承了Person的sayHello方法
p1.sayHello()//Hi I am ptbird
p2.sayHello()//Hi I am postbird
Copier après la connexion

Soyez patient et goûtez au code ci-dessus, cela aura une meilleure évolutivité, vous pouvez créer N instances et réaliser la réutilisation du code

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!

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal