Le prototype et la chaîne de prototypes de js sont : 1. Le modèle de prototype est utilisé pour créer des objets répétés tout en garantissant les performances. Ce type de modèle de conception est un modèle de création, qui fournit le meilleur moyen de créer des objets. 2. La chaîne de prototypes est l'enregistrement historique du processus de création de l'objet prototype. Lors de l'accès à un certain attribut d'un objet, il sera d'abord recherché sur l'attribut de l'objet lui-même.
Recommandations d'apprentissage gratuites associées : javascript (Vidéo )
Le prototype et la chaîne de prototypes de js sont :
JavaScript est un langage basé sur des prototypes, en logiciel Parmi les modèles de conception, il existe un modèle appelé modèle de prototype. JavaScript a été créé à l'aide de ce modèle
-
Le modèle de prototype est utilisé pour créer des objets répétés tout en garantissant des performances. motif, qui fournit une manière optimale de créer des objets. Ce modèle implémente une interface prototype utilisée pour créer un clone de l'objet actuel. Le but du modèle de prototype est d'utiliser des instances de prototype pour spécifier les types d'objets à créer et de créer de nouveaux objets en copiant ces prototypes. Autrement dit, en utilisant un objet prototype existant, vous pouvez générer rapidement de nouvelles instances d'objet. sont identiques à l'objet prototype
Prototype : Une classe qui peut être copiée (ou clonée). En copiant le prototype, vous pouvez créer un nouvel objet identique. que le prototype est un modèle, qui est plus précis dans le langage de conception. On dit qu'il s'agit d'un modèle d'objet
1) Le prototype définit certaines propriétés et méthodes publiques de nouvelles instances d'objet créées à l'aide. le prototype partagera toutes les propriétés et méthodes du prototype
Exemple de code :
// 创建原型
var Person = function(name){
this.name = name;
};
// 原型的方法
Person.prototype.sayHello = function(){
console.log(this.name+",hello");
};
// 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
var person1 = new Person("zhangsan");
var person2 = new Person("lisi");
// zhangsan,hello
person1.sayHello();
// lisi,hello
person2.sayHello();Copier après la connexion
2) En mode strict, les propriétés et méthodes du prototype seront toujours partagées par les instances du prototype
Exemple de code :
// 开启严格模式，原型的属性和方法还是会被原型实例所共享的
"use strict";
// 创建原型
var Person = function(name){
this.name = name;
};
// 原型的方法
Person.prototype.sayHello = function(){
console.log(this.name+",hello");
};
// 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
var person1 = new Person("zhangsan");
var person2 = new Person("lisi");
// zhangsan,hello
person1.sayHello();
// lisi,hello
person2.sayHello();Copier après la connexion
3) Réussi Les nouvelles instances d'objet créées par le prototype sont indépendantes les unes des autres. Seule la méthode ajoutée à la nouvelle instance d'objet a cette méthode, et les autres instances n'en ont pas. cette méthode
Code d'instance :
// 创建原型
var Person = function(name){
this.name = name;
};
// 原型的方法
Person.prototype.sayHello = function(){
console.log(this.name+",hello");
};
// 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
var person1 = new Person("zhangsan");
var person2 = new Person("lisi");
// zhangsan,hello
person1.sayHello();
// lisi,hello
person2.sayHello();
// 为新对象实例添加方法
// 通过原型创建的新对象实例是相互独立的
person1.getName = function(){
console.log(this.name);
}
// zhangsan
person1.getName();
// Uncaught TypeError: person2.getName is not a function
person2.getName();Copier après la connexion
4) Résumé des prototypes :
Tous les types de référence ont un attribut __proto__ (prototype implicite), et la valeur de l'attribut est un objet ordinaire
Toutes les fonctions ont un attribut prototype (prototype), et la valeur de l'attribut est un objet ordinaire
L'attribut __proto__ de tous les types référence pointe vers le prototype de son constructeur
5) Prototype de fonction : Seules les fonctions ont un prototype. Le prototype est un objet qui pointe vers l'adresse de référence de. le constructeur actuel
6) Objet prototype de la fonction __proto__ : Tous les objets sont Il existe un attribut __proto__ Lorsqu'un objet est instancié (nouveau) à l'aide d'un constructeur, l'attribut __proto__ du nouvel objet pointera vers le prototype. du constructeur
7) La relation entre l'objet prototype et le prototype de la fonction
Explication :
Le __proto__ de toutes les fonctions pointe vers le prototype de Function
L'objet du constructeur new__proto__pointe vers le prototype du constructeur
L'objet instancié par la fonction non constructeur ou le prototype de l'objet__proto__pointe vers le prototype de l'objet
Le prototype de l'objet pointe vers null
8) Tous les objets prototypes obtiendront automatiquement un attribut constructeur (constructor), qui est un pointeur) pointe vers la fonction (Personne) où se trouve l'attribut prototype
9) Le L'attribut constructeur (constructeur) de l'instance pointe vers le constructeur : person1.constructor == Person
10) L'objet prototype (Person.prototype) est un constructeur Une instance de fonction (Person)
11) Classification des prototypes :
-
Prototype implicite (_proto_) : Le prototype mentionné ci-dessus est un attribut intégré en JavaScript [ [prototype]], cet attribut est hérité de l'objet Objet Là. Il n'y a pas de moyen standard d'accéder à [[prototype]] dans les scripts, mais Firefox, Safari et Chrome prennent en charge un attribut _proto_ sur chaque objet. Le rôle du prototype implicite est utilisé pour former une chaîne de prototypes et implémenter l'héritage basé sur le prototype
.
Afficher le prototype (prototype) : Une fois chaque fonction créée, elle aura un attribut prototype, qui pointe vers l'objet Prototype de la fonction, montrant que le rôle du prototype est de réaliser des prototypes basés sur des prototypes. héritage et partage d'attributs
12) Comment utiliser le prototype :
En donnant le prototype à l'objet Calculatrice Littéral d'objet d'affectation d'attribut pour définir le prototype de l'objet Calculatrice
Lors de l'attribution du prototype, utilisez l'expression que la fonction exécute immédiatement pour attribuer la valeur. Vous pouvez encapsuler la fonction privée et exposer le nom d'utilisation simple sous forme de return , pour obtenir l'effet public/privé.
Chaîne prototype
1) Chaîne de prototypes : La chaîne de prototypes est l'enregistrement historique du processus de création de l'objet prototype. Lors de l'accès à un attribut d'un objet, elle recherchera d'abord l'attribut de l'objet lui-même. S'il n'est pas trouvé, il le fera. allez dans son __proto_ _Recherche sur le prototype implicite, c'est-à-dire le prototype de son constructeur. S'il n'a pas encore été trouvé, il sera recherché dans le __proto__ du prototype du constructeur. par couche formera une structure de chaîne
2) Problèmes de prototypage : lors de la recherche des propriétés d'un objet, JavaScript parcourra le prototype de l'objet vers le haut selon la chaîne de prototypes jusqu'à ce qu'il trouve la propriété avec le donné name.La propriété spécifiée n'est toujours pas trouvée jusqu'à ce qu'elle atteigne le sommet de l'attribut de la chaîne du prototype, elle renverra undefined
On peut également comprendre que le processus de recherche d'attributs lors de l'héritage de la chaîne du prototype. recherchez d'abord ses propres attributs. Lorsque ses propres attributs n'existent pas, il recherchera
3) fonction hasOwnProperty : peut être utilisée pour vérifier si l'objet lui-même contient un certain. attribut. La valeur de retour est une valeur booléenne. Lorsque l'attribut n'existe pas, la chaîne de prototypes d'objets ne sera pas recherchée vers le haut. hasOwnProperty est la seule fonction en JavaScript qui gère les propriétés mais ne recherche pas la chaîne de prototypes.
4) Fonction getOwnPropertyNames : peut obtenir toutes les propriétés de l'objet lui-même. La valeur de retour est un tableau composé des propres noms de propriétés de l'objet. Elle ne recherche pas non plus la chaîne de prototypes d'objet
5) Résumé du prototype de la chaîne :
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
