javaScript---原型链 __proto__、constructor、prototype

关于属性__proto__、constructor、prototype

javaScript---原型链 __proto__、constructor、prototype_第1张图片

__proto__:每个对象都有__proto__,它是隐式原型属性,指向了创建该对象的构造函数原型。为了实现继承,通过 __proto__ 将对象和原型联系起来组成原型链,就可以让对象访问到不属于自己的属性。

图中:

 f1.__proto__ == Foo.prototype,

  Foo.prototype.__proto__ == Object.prototype,

  Object.prototype.__proto__ == null,

  Foo.__proto__ == Function.prototype,

  Function.prototype.__proto__ == Object.prototype,

  Function.__proto__ == Function.prototype,

  Object.__proto__ == Function.prototype

prototype指向函数的原型对象,这是一个显式原型属性,只有函数才拥有该属性。

contructor指向原型对象的构造函数。

 f1.constructor == Foo,

  Foo.constructor == Function,

  Foo.prototype.constructor == Foo,

  Function.prototype.constructor == Function,

  Object.prototype.constructor == Object,

  Object.constructor == Function,

  Function.constructor == Function

记住以下两点:

(1)对象拥有__proto__和constructor属性;

(2)函数拥有prototype属性和__proto__、constructor属性(JS中函数也是一种对象)。

原型链

__proto__属性的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(父对象)里找,一直找,直到__proto__属性的终点null,再往上找就相当于在null上取值,会报错。通过__proto__属性将对象连接起来的这条链路即我们所谓的原型链。

参考文章:prototype、__proto__与constructor(图解)

你可能感兴趣的:(javascript,原型模式,开发语言)