Introduction détaillée à ceci et retour dans le constructeur JavaScript

Cet article présente cela et revient dans le constructeur JS via un exemple de code. Les amis qui en ont besoin peuvent s'y référer

Regardez d'abord un morceau de code,

function Foo(name,age){
  this.name=name;
  this.age=age;
}
var foo=new Foo("Tom",14);
foo.name;//Tom
foo.age;//14

Le processus qui se produit lors de l'instanciation d'un constructeur :

1 Créez un objet vide de foo.

2. Pointez ceci de Foo dans le constructeur vers l'objet foo.

3. L'attribut _proto_ de foo pointe vers le prototype de la fonction Foo.

4. Exécutez le code dans le constructeur.

Par rapport aux fonctions ordinaires, ceci dans le constructeur pointe vers l'instance, tandis que ceci dans les appels de fonction ordinaires pointe vers les fenêtres.

Si return est ajouté au constructeur, il existe deux situations

function Foo(name,age){
  this.name=name;
  this.age=age;
  return {name:"Jeff"}
}
var foo=new Foo("Tom",14);
foo.name;//Jeff

1. Return est constitué de cinq types de données simples : String, Nombre, booléen, nul, non défini.

Dans ce cas, la valeur de retour est ignorée et l'objet this est toujours renvoyé.

2. Le retour est un objet.

Dans ce cas, l'objet this n'est plus renvoyé, mais la valeur de retour de l'instruction return est renvoyée.

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!