Maison  >  Article  >  interface Web  >  Comment fonctionne le nouvel opérateur en js ?

Comment fonctionne le nouvel opérateur en js ?

王林
王林original
2024-02-19 11:17:051132parcourir

Comment fonctionne le nouvel opérateur en js ?

Comment fonctionne l'opérateur new en js ? Des exemples de code spécifiques sont nécessaires

L'opérateur new en js est un mot-clé utilisé pour créer des objets. Sa fonction est de créer un nouvel objet instance basé sur le constructeur spécifié et de renvoyer une référence à l'objet. Lors de l'utilisation de l'opérateur new, les étapes suivantes sont effectivement effectuées :

  1. Créer un nouvel objet vide ;
  2. Pointer le prototype de l'objet vide vers l'objet prototype du constructeur
  3. Attribuer la portée du constructeur Donner le nouveau ; object (donc cela pointe vers le nouvel objet) ;
  4. Exécutez le code dans le constructeur et ajoutez des propriétés et des méthodes au nouvel objet ;
  5. Si le constructeur renvoie un objet, renvoyez l'objet sinon, renvoyez le nouvel objet ;

Ce qui suit est un exemple simple pour illustrer le fonctionnement du nouvel opérateur :

// 定义一个构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 使用new操作符创建一个实例对象
var person1 = new Person('Tom', 18);

// 输出实例对象的属性值
console.log(person1.name);  // 输出 'Tom'
console.log(person1.age);   // 输出 18

Dans le code ci-dessus, nous définissons un constructeur nommé Person. Le constructeur accepte deux paramètres, name et age, et les utilise comme attributs de l'objet d'instance person1.

Lors de l'utilisation de l'opérateur new pour créer une instance person1, un objet vide est d'abord créé, puis le prototype de l'objet vide est pointé vers l'objet prototype du constructeur Person. Ensuite, la portée du constructeur est attribuée à l'objet vide, de sorte que l'objet vide soit accessible via celui-ci à l'intérieur du constructeur. Enfin, le code du constructeur est exécuté et le nom et l'âge sont attribués aux propriétés du nouvel objet.

Par conséquent, l'objet person1 créé via l'opérateur new a les attributs nom et âge définis dans le constructeur Person, et ces attributs sont accessibles via l'opérateur point.

Il convient de noter que ne renvoie pas explicitement un objet à l'intérieur du constructeur. Si le constructeur renvoie un objet, l'instance créée par l'opérateur new sera l'objet renvoyé, et non l'objet nouvellement créé. Par exemple :

// 定义一个构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;

  // 错误示例:返回一个对象
  return {
    name: 'Error',
    age: -1
  };
}

// 使用new操作符创建一个实例对象
var person1 = new Person('Tom', 18);

// 此时person1实际上是一个普通的对象,而不是Person的实例
console.log(person1 instanceof Person);  // 输出 false
console.log(person1.name);  // 输出 'Error'
console.log(person1.age);   // 输出 -1

Dans l'exemple ci-dessus, le constructeur Person renvoie explicitement un objet, donc person1 n'est pas réellement une instance de Person, mais un objet ordinaire.

Pour résumer, l'opérateur new est utilisé pour créer un nouvel objet instance et initialiser les propriétés de l'objet dans le constructeur. L'objet instance créé via l'opérateur new hérite de l'objet prototype du constructeur et peut accéder aux propriétés et méthodes définies dans le constructeur.

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