ทำไมใน JavaScript (super .__ proto__ === นี้ .__ proto__) จริง

ดูเหมือนว่าใน JavaScript (ES6) super.__proto__ === this.__proto__ชั้นเรียน

คุณช่วยอธิบายได้ไหมว่าทำไมในกรณีนี้ พฤติกรรมดูเหมือนว่าสอดคล้องกันในเบราว์เซอร์ที่แตกต่างกันดังนั้นฉันสงสัยว่านี่จะถูกระบุไว้ในสเป็ค

พิจารณารหัสต่อไปนี้:

class Level1 {
    myFunc() {
        console.log('Level1');
    }
}

class Level2 extends Level1 {
    myFunc() {
        console.log('Level2');
    }
}

class Level3 extends Level2 {
    myFunc() {
        console.log('Level3 BEGIN ' + Math.random()); 
        super.__proto__.myFunc();
        console.log(super.__proto__ === this.__proto__);
        console.log('Level3 END'); 
    }
}

const foo = new Level3();
foo.myFunc();

ฉันคาดว่าsuper.__proto__.myFunc();จะเรียกฟังก์ชันmyFunc()ของคลาสLevel1และสิ่งsuper.__proto__ !== this.__proto__นั้น แต่super.__proto__.myFunc();ที่จริงเรียกร้องmyFunc()ของชั้นLevel3(มันเรียกตัวเอง) และจากนั้นในการภาวนาที่สองที่เรียกว่าของชั้นเรียนmyFunc() Level2นี่เป็นสิ่งที่เข้าใจได้อย่างสมบูรณ์หากsuper.__proto__ === this.__proto__รหัสนั้นแสดงให้เห็น

คุณช่วยอธิบายเหตุผลได้ทำไมsuper.__proto__ === this.__proto__ในตัวอย่างนี้ ถ้าเป็นไปได้โปรดให้การอ้างอิงถึงส่วนที่เกี่ยวข้องของข้อมูลจำเพาะ

Object.prototype.__proto__เป็นทรัพย์สินที่มีความทะเยอทะยาน[1] มันทำงานกับthisมูลค่าของมัน ไม่มีsuperวัตถุจริงที่จะเป็นthisค่า (คุณไม่สามารถเขียนได้Object.getPrototypeOf(super)) เป็นsuperวิธีการค้นหาคุณสมบัติดังนั้นthis.__proto__และsuper.__proto__หมายความว่าสิ่งเดียวกันตราบใดที่__proto__ยังไม่ได้กำหนดไว้ที่ใด ๆ ในห่วงโซ่ต้นแบบ

เปรียบเทียบ:

class Parent {
    get notProto() {
        return this instanceof Child;
    }
}

class Child extends Parent {
    test() {
        console.log(super.notProto);
    }
}

new Child().test();

// bonus: [1]
console.log(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__'));