美文网首页
JS的原型与原型链

JS的原型与原型链

作者: 心安是归处_91b1 | 来源:发表于2019-05-07 17:47 被阅读0次

啥是原型?啥是原型链?
在JS中有一些属性是每一个对象都有的,这样的属性被称为公有属性,也即原型。

但是如果所有对象都存着这些属性的话太浪费内存了,于是JS不单独给每一个对象存这些属性,而是让每一个对象用一个隐藏的属性proto来指向原型以节省空间。这样的引用就形成了一个链,即原型链。

Javascript中创建的每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,这个对象的作用即是包含可以由特定类型实例共享的属性和方法,这个对象就是函数的原型对象。
默认情况,所有的原型对象都会有一个constructor属性,这个属性包含一个指向prototype属性所在函数的指针。
调用构造函数创建一个新实例后,实例的内部将包含一个指向构造函数原型对象的指针,在ECMA-262中定义此指针为[[Prototype]],并不能被显式的访问到,而在Firefox,Safari和Chrome中每个对象上有一个proto属性。
每一个构造函数都有一个原型对象,当我们让某一原型对象等于另一构造函数的实例,此时该原型对象就包含一个指针,该指针指向这一构造函数的原型对象,该指针指向的原型对象中包含一个指向这一构造函数的指针,同样我们可以令该指针指向的原型对象等于另一构造函数的实例,如此递进,则形成一条实例与原型的链条,即原型链。
既然原型对象存在问题,那么原型链自然也继承了这个问题,即原型属性会被所有实例共享,对于原型属性的改变将影响所有实例,而在原型链中,由于某一原型对象等于另一构造函数的实例,实例受影响,也就导致其他原型对象也受影响。
原型与原型链是JavaScript实现继承的基础,下一篇详细介绍JavaScript之继承。

相关文章

  • 廖雪峰JS小记

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

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

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

  • JS原型链

    1什么是JS原型链? 通过__proto__属性将对象与原型对象进行连接. 1.1 JS原型链的作用? 组成的一个...

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

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

  • web前端面试之js继承与原型链(码动未来)

    web前端面试之js继承与原型链(码动未来) 3.2.1、JavaScript原型,原型链 ? 有什么特点? 每个...

  • JS的__proto__和prototype

    最近在回顾JS的原型和原型链的知识,熟悉JS的同学都知道JS的继承是靠原型链实现的,那跟原型链相关的属性__pro...

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

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

  • JS闭包问题(一)

    之前我写过一篇JavaScript原型与原型链的文章,此属于JS中的重难点。 而闭包,是JS中除了原型链之外又一个...

  • javascript中的原型链与继承

    javascript中的原型链与继承javascipt中的原型链和继承机制是这门语言所特有的,但js中的原型机制也...

  • js原型与原型链

    全局对象 window ECMAScript 规定全局对象叫做 global,但是浏览器把 window 作为全局...

网友评论

      本文标题:JS的原型与原型链

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