JavaScript-[[prototype]]的另一种理解

最新推荐文章于 2024-09-18 10:46:22 发布

转载最新推荐文章于 2024-09-18 10:46:22 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ldld/p/10872574.html

文章标签：

#javascript #ViewUI

本文深入探讨了JavaScript中对象的特殊内置属性[[prototype]]，解释了其与prototype的区别，以及如何通过__proto__访问[[prototype]]。文章还揭示了__proto__和constructor并非直接存在于实例上，而是内置在Object中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[[prototype]]简介

javascript 中每一个对象都会有一个特殊的内置属性[[prototype]]，这个就是对其他对象对引用。有了这个作为基础去关联其他对象，就能理解继承机制。Chrome浏览器下，我们可以通过xxObj.__proto__去访问这个[[prototype]]

注意，[[prototype]]与prototype不一样。任何一个对象都有[[prototype]],只有function才有prototype属性

[[prototype]]从哪里来

看如下例子

function Foo(){

}
var a = new Foo();

console.log(a.constructor ===  Foo.prototype.constructor); // true

console.log(a.__proto__ ===  Foo.prototype); // true

本例子a 实例的__proto__ 和 constructor 在new操作的时候象默认生成的吗？

答案不是。

实际上的__proto__ 和 constructor 并不存在a这个实例上，它跟其他的函数，比如toString，isPrototypeOf一样，内置在Object中，而且这些方法属性不可枚举。

我们可以换一个方式理解__proto__

Object.defineProperty(Object.prototype,"__proto__",{
    get: function(){
        return Object.getPrototypeOf(this);
    },
    set: function(o){
        Object.setPrototype(this,o);
    }
})

因此，当一个对象实例，例如a, a.__proto__就调用了a.__proto__()这个方法，也就是调用getter函数。

转载于:https://www.cnblogs.com/ldld/p/10872574.html