Defekte Threads, Prototypen und Prototypketten in JavaScript-js-Tutorial-php.cn

Defekte Threads, Prototypen und Prototypketten in JavaScript

灭绝师太

Freigeben： 2021-11-04 12:00:01

Original

1443 Leute haben es durchsucht

Defekte Threads, Prototypen und Prototypketten in JavaScript

Die Beziehung zwischen Prototyp und Prototypenkette verläuft durch die Objekte in JavaScript, und alles in JavaScript ist ein Objekt, daher sind Prototyp und Prototypenkette relativ wichtige Konzepte. Bringen wir es heute mit. Werfen wir einen Blick auf den Prototyp und die Prototypenkette in JavaScript. JavaScript中的对象，而JavaScript中万物皆对象，所以原型和原型链是比较重要的概念，今天就带大家一起来看一看JavaScript中的原型与原型链。

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

原型（prototype）
原型链（__proto__）

二、了解从属关系

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

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

Nach dem Login kopieren

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

a.声明一个构造函数

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

Nach dem Login kopieren

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__);

Nach dem Login kopieren

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

Nach dem Login kopieren

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

    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
    *                 }         
    *        }
    *     }
    *
    * */

Nach dem Login kopieren

四、总结

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

Prototyp (Prototyp)
Prototypkette (__proto__)

2. Zugehörigkeiten verstehen🎜rrreee🎜Hinweis: Das __proto__ des Objekts speichert den Prototyp des Konstruktors des Objekts🎜🎜 a . Deklarieren Sie einen Konstruktor
🎜rrreee🎜 B. Tiefes Verständnis der Prototypenkette, des Prototyps und der Prototypenvererbung🎜rrreee🎜4 />🎜

🎜Es wird nicht empfohlen, __proto__ Zugriff. 🎜🎜

🎜 kann einfach so zusammengefasst werden, dass prototype als Prototypknoten verwendet wird __proto__ ist die Prototypenkette. 🎜🎜

🎜Jedes Instanzobjekt (object) hat eine private Eigenschaft (genannt For __proto__ ) zeigt auf das Prototypobjekt seines Konstruktors (Prototyp). Das Prototypobjekt verfügt auch über ein eigenes Prototypobjekt (__proto__), bis hin zum Prototyp eines Objekt Das Objekt ist null. Per Definition hat null keinen Prototyp und dient als letztes Glied in dieser Prototypenkette. 🎜🎜

🎜 someObject.[[Prototyp ]]-Symbol wird verwendet, um auf someObject zu verweisen Prototype,someObject.[[Prototype]] === __proto__(JavaScript ist nicht standardmäßig, aber viele browserimplementierte Eigenschaften). 🎜🎜

🎜Object.prototype -Attribut stellt das Prototypobjekt von Object dar. 🎜🎜

🎜 Der [[Prototype]] des vom Konstruktor erstellten Instanzobjekts zufuncsPrototyp-Attribut. 🎜🎜🎜🎜Empfohlene Videos: 🎜 „Schnelle Einführung in JavaScript_Jade Girl Heart Sutra Series“🎜, 🎜 „Dugu Jiujian (6)_jQuery Video Tutorial“🎜🎜

Das obige ist der detaillierte Inhalt vonDefekte Threads, Prototypen und Prototypketten in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!