9°

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

[[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

全部评论: 0

    我有话说: