美文网首页
原型与原型链

原型与原型链

作者: Save_Onfir3 | 来源:发表于2018-09-03 21:57 被阅读0次

什么是原型?

原型其实就是共有属性!这些共有属性存放在一个对象中,然后通过引用的方式,使所有拥有原型的对象都能够使用其中的公共属性。
所有Object的共有属性由Object.prototype引用;
所有Number的共有属性由Number.prototype引用;
所有String的共有属性由String.prototype引用;
所有Boolean的共有属性由Boolean.prototype引用;
Object的共用属性是所有对象的共有属性。
例:

var o1 = new object()
o1.__proto__ === object.prototype
var n1 = new number(1)
n1.__proto__ === number.prototype
n1.__proto__.__proto__ === object.prototype

在无代码的时候,内存里有一个全局对象window(在ECMAscript中叫做global),window指向了一个对象,对象里有Number,Object,String,Boolean。这四个对象又分别指向四个哈希,四个哈希又通过prototype引用其各自的共用属性,最后Number,String,Boolean的共用属性通过__proto__指向Object的共用属性,Object共用属性中的__proto__指向null。

prototype与__proto__

__proto__是所有对象里面都有的一个属性,他通常是一个对象。(有一个特殊情况就是Object.prototype.__proto__ === null)。
而prototype则是函数里都有的属性,它通常是一个对象。
对象.__proto__通常存放对象的公共属性。函数.prototype通常存放函数的公共属性。因为函数也是对象,因此函数通常会既有__proto__属性,也有prototype属性。特殊情况有:Function.__proto__===Function.prototype(function的优先级是function)

Function的prototype和__proto__存的是一个地址,所以会出现Function的prototype和__proto__互相指的情况。

原型链

不同构造函数的对象,原型是不同的,而他们的根原型都是一般对象的原型,即Object.prototype。
例如:

num.__proto__ === Object.prototype //false
num.__proto__.__proto__ ===Object.prototype //true

上边示例可见,num.__proto__与Object.prototype不相等,num.__proto__.__proto__才是一般对象的原型,这个也就形成了原型链。

如果将上述示例看作是一条链,num它有自己的属性,它作为Number的共有属性,是在这个链上的一个点。

一个公式

var 对象 = new 函数
对象.__proto__ === 函数.prototype

相关文章

  • 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/ntgiwftx.html