原型与原型链

作者: 还是流星拳比较好 | 来源:发表于2018-07-09 10:29 被阅读0次

这篇文章是以我的理解来简单描述一下原型与原型链,有错误的地方烦请指出。

  • 原型

    1.prototype
    JavaScript中存在全局对象,它是在未写任何代码的情况下自动创建的一个对象。在ECMAScript中规定全局对象为global(在浏览器中为window)。比如在浏览器初始无代码情况下浏览器会创建一个window的全局对象,此全局对象中包含有各种属性,如window.parseInt()window.parseFloat()window.Number()window.String()window.Boolean()window.Object()等等,这些属性都是函数的形式,而函数也是对象的一种,故它们都具有属性,而prototype属性是其中的一种隐藏属性,含义是函数的原型对象。
    2.__proto__
    通过Number()String()Boolean()Object()这几个函数所创建出来的对象均拥有一个隐藏属性__proto__,这个属性指向创建该对象的构造函数的原型对象。除了函数Object以外的其他函数最后都会通过__proto__指向函数的原型对象,即Object.prototype,而函数Object的原型对象最后会通过__proto__指向null。
var s = new String(1)
s.__proto__ === String.prototype

由此可总结:

var 对象 = new 函数对象()
对象.__proto__ === 函数.prototype
__proto__是对象的属性,prototype是函数的属性
  • 原型链

    根据上面介绍的每个实例对象(object)都有一个私有属性(__proto__)指向它的原型对象(prototype)。该原型对象也有一个自己的原型对象,层层向上知道一个对象的原型对象为null,这样构造出的一层一层的关系结构称作原型链。
原型链示意图

图中箭头组成的路线为原型链。

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 2019-01-28

    原型与原型链

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • JavaScript 面向对象第一篇

    1.原型链 ---- (实例对象与原型之间的连接 叫做原型链) 2. hasOwnproperty ----(看是...

  • 原型与原型链以及继承

    今天复习下原型与原型链的知识,以及记录新学的继承知识点。 知识点纲要 原型与原型链 es5与es6继承 什么是原型...

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

网友评论

    本文标题:原型与原型链

    本文链接:https://www.haomeiwen.com/subject/gqbauftx.html