Fils brisés, prototypes et chaînes de prototypes en JavaScript-js tutoriel-php.cn

Fils brisés, prototypes et chaînes de prototypes en JavaScript

灭绝师太

Libérer： 2021-11-04 12:00:01

original

1407 Les gens l'ont consulté

Fils brisés, prototypes et chaînes de prototypes en JavaScript

La relation entre le prototype et la chaîne de prototypes traverse les objets en JavaScript, et tout dans JavaScript est un objet, donc le prototype et la chaîne de prototypes sont des concepts relativement importants. Apportons-le aujourd'hui. Jetons un coup d'œil au prototype et à la chaîne de prototypes en JavaScript. JavaScript中的对象，而JavaScript中万物皆对象，所以原型和原型链是比较重要的概念，今天就带大家一起来看一看JavaScript中的原型与原型链。

一、了解概念(知道有这两个名词即可)

原型（prototype）
原型链（__proto__）

二、了解从属关系

prototype  => 函数的一个属性         ： 同时也是一个 对象{} (称之为原型对象亦可)

__proto__ => 对象Object的一个属性   ： 同时也是一个 对象{}   (__proto__也就是[[Prototype]])

Copier après la connexion

注：对象的__proto__保存着该对象的构造函数的prototype

a.声明一个构造函数

    function Test() { }
  
    //prototype 是函数的一个属性
    console.dir(Test);
    console.log(Test.prototype);
    // Test.prototype也是一个对象
    console.log(typeof Test.prototype);

Copier après la connexion

b.声明一个对象

    const test = new Test();
    
    console.log(test);
    //验证test为一个对象
    console.log(typeof test);
    //__proto__是对象的一个属性
    console.log(test.__proto__);
    console.log(Test.prototype);
    //对象的__proto__属性存储着Test.prototype
    console.log(test.__proto__ === Test.prototype);
    // test.__proto__也是一个对象
    console.log(typeof test.__proto__);

Copier après la connexion

function Test() {}
console.log(Test.prototype); //验证函数是否有prototype属性

let test = new Test();
console.dir(test.__proto__); //验证对象是否有__proto__属性
console.log(test.__proto__ === Test.prototype);//验证对象的__ptoto__是否保存着该对象的构造函数的prototype

console.log(Test.prototype.__proto__ === Object.prototype);//Test.prototype（是一个对象）的__proto__属性是否是对象的原型属性
console.log(Object.prototype.__proto__);//原型链的顶层没有__proto__属性 null

Copier après la connexion

三、深入认识原型链、原型和原型继承

    function Test(){}
    let test =new Test();
    test.a= 10;
    //test.__proto__ === test.constructor.prototype
    test.__proto__.b1=11;//对象的__proto__属性存储着对象构造函数的prototype属性
    Test.prototype.b2=11;
   
    test.__proto__.__proto__.c1=12;
    Object.prototype.c2=12;
    console.log(test);
    console.log(Test.prototype);
    console.log(Object.prototype.__proto__);
   
    /*逐层解析
    * test{
    *        a = 10
    *        __proto__:Test.prototype{
    *                 b = 11
    *                 __proto__:Object.prototype{
    *                           c = 12
    *                           X__prototype__:null
    *                 }         
    *        }
    *     }
    *
    * */

Copier après la connexion

四、总结

不建议直接用 __proto__ 访问。
可以简单概括为以prototype为原型节点, __proto__为原型链条。
每个实例对象（object）都有一个私有属性（称之为 __proto__ ）指向它的构造函数的原型对象（prototype）。该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。
someObject.[[Prototype]] 符号是用于指向 someObject 的原型,someObject.[[Prototype]] === __proto__(JavaScript的非标准但许多浏览器实现的属性)。
Object.prototype 属性表示 Object 的原型对象。
被构造函数创建的实例对象的 [[Prototype]] 指向 func的 prototype
1. Comprendre les concepts (il suffit de connaître ces deux termes)

Prototype (prototype)
Chaîne de prototypes (__proto__)

2. Comprendre les affiliations🎜rrreee🎜Remarque : le __proto__ de l'objet enregistre le prototype du constructeur de l'objet🎜🎜 a . Déclarez un constructeur
🎜rrreee🎜 b Déclarez un objet🎜rrreeerrreee🎜🎜rrreee🎜Résumé
🎜

🎜Il n'est pas recommandé d'utiliser __proto__ Accès. 🎜🎜
🎜 peut être simplement résumé en prenant prototype comme nœud prototype, __proto__ est la chaîne de prototypes. 🎜🎜
🎜Chaque objet d'instance (objet) possède une propriété privée (appelée For __proto__ ) pointe vers l'objet prototype de son constructeur (prototype). L'objet prototype possède également son propre objet prototype (__proto__), jusqu'au prototype d'un object L'objet est null. Par définition, null n'a pas de prototype et est le dernier maillon de cette chaîne de prototypes. 🎜🎜
🎜 quelqueObjet.[[Prototype ]] le symbole est utilisé pour pointer vers someObject Prototype,someObject.[[Prototype]] === __proto__(JavaScript non standard mais de nombreuses propriétés implémentées dans le navigateur). 🎜🎜
🎜Object.prototype représente l'objet prototype de Object. 🎜🎜
🎜 Le [[Prototype]] de l'objet instance créé par les points constructeur àfunc'sprototype. 🎜🎜🎜🎜Vidéos recommandées : 🎜"Introduction rapide à la série JavaScript_Jade Girl Heart Sutra"🎜, 🎜"Dugu Jiujian (6)_jQuery Video Tutorial"🎜🎜

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!