Maison > interface Web > js tutoriel > Notes d'étude Javascript - fonctions (5) : Connaissances Constructor_Basic

Notes d'étude Javascript - fonctions (5) : Connaissances Constructor_Basic

WBOY
Libérer: 2016-05-16 16:30:33
original
1167 Les gens l'ont consulté

Les constructeurs en Javascript sont également différents des autres langages. Toute fonction appelée avec le mot-clé new peut être utilisée comme constructeur.
Dans le corps du constructeur, cela pointe vers l'objet nouvellement créé. S'il n'y a pas d'expression de retour affichée dans le corps du constructeur, nous la renverrons par défaut, qui est l'objet nouvellement créé.

Copier le code Le code est le suivant :

fonction Foo() {
Ceci.bla = 1;
>
Foo.prototype.test = function() {
console.log(this.bla);
};
var test = new Foo();

Le code ci-dessus appelle Foo en tant que constructeur et pointe le prototype (__proto__) du nouvel objet vers Foo.prototype.
Si nous définissons l'expression de retour dans le constructeur, le constructeur renverra l'expression entière, mais cette expression de retour doit être un objet.

Copier le code Le code est le suivant :

fonction Barre() {
Retour 2 ;
>
new Bar(); // un nouvel objet
fonction Test() {
Cette.valeur = 2;
Retour {
foo : 1
};
>
new Test(); // l'objet renvoyé

Si new est omis, la fonction ne pourra pas renvoyer un nouvel objet.

Copier le code Le code est le suivant :

fonction Foo() {
This.bla = 1; // est défini sur l'objet global
>
Foo(); // non défini

L'exemple ci-dessus peut également fonctionner dans certains scénarios, mais en raison du mécanisme de fonctionnement de celui-ci en Javascript, cela pointera vers l'objet global.

Mode usine

Pour pouvoir se passer du mot-clé new, il faudrait que le constructeur renvoie explicitement une valeur.

Copier le code Le code est le suivant :

fonction Barre() {
valeur var = 1;
Retour {
Méthode : function() {
              valeur de retour ;
>
>
>
Barre.prototype = {
foo : fonction() {}
};
nouvelle barre ();
Barre();

Dans l'exemple ci-dessus, l'effet de l'appel de la fonction Bar sans utiliser new est le même. Un objet nouvellement créé contenant la méthode sera renvoyé. Il s'agit en fait d'une fermeture.
Une chose à noter ici est que new Bar() ne renverra pas Bar.prototype, mais l'objet prototype de la méthode fonction dans l'expression de retour.
Dans l'exemple ci-dessus, il n'y a aucune différence fonctionnelle entre utiliser new ou non.

Créez de nouveaux objets grâce au modèle d'usine

On nous rappelle souvent de ne pas utiliser new car oublier son utilisation entraînera des erreurs.
Pour créer un objet, nous préférons utiliser le modèle d'usine et construire un nouvel objet à l'intérieur du modèle d'usine.

Copier le code Le code est le suivant :

fonction Foo() {
var obj = {};
Obj.value = 'blub';

var privé = 2;
Obj.someMethod = fonction (valeur) {
This.value = valeur;
>

obj.getPrivate = function() {
         retourner en privé ;
>
Retourner l'objet ;
>

Bien que le code ci-dessus soit moins sujet aux erreurs que l'utilisation de new et soit plus pratique lors de l'utilisation de variables privées, il présente également certains inconvénients :

Comme les objets prototypes ne peuvent pas être partagés, plus de mémoire est nécessaire.
Afin d'implémenter l'héritage, le modèle d'usine doit copier toutes les méthodes d'un autre objet ou l'utiliser comme prototype d'un nouvel objet.
Abandonner la chaîne de prototypes juste pour éviter d'en utiliser de nouveaux semble aller à l'encontre de l'esprit du langage Javascript.

Résumé

Bien que l'utilisation de new puisse être plus sujette aux erreurs, ce n'est pas une raison pour renoncer à utiliser la chaîne de prototypes. Quant à l’approche finale, elle dépend des besoins de l’application. La meilleure façon est de choisir un style et de s’y tenir.

Pour faire simple, le constructeur initialise un objet instance et l'attribut prototype de l'objet hérite d'un objet instance.

Étiquettes associées:
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