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

JS中原型与原型链

作者: 一许青衫一 | 来源:发表于2019-01-15 21:32 被阅读0次

概述

关于 JS 中的原型与原型链,看了好几次,但是回头发现还是朦朦胧胧,说明自己并没有彻底弄清楚,所以写下文章,进行总结。

prototype 属性与 proto 属性

所有引用类型(函数,数组,对象)都拥有 _proto_ 属性(隐性原型)。
所有函数都拥有 prototype 属性(仅限函数)。
实例的隐式原型指向它构造函数的显式原型

function Person();
var p = new Person();

例如上面代码所示,创建了函数Person,这里的函数Person就是构造函数。在创建这个构造函数Person的时候,会给这个构造函数自动创建一个实例对象,就叫做原型对象。Person.prototype就是Person的一个实例对象,并且将这个实例对象赋值给了构造函数的属性prototype。
在这个原型对象中,保存着构造函数Person的所有实例共享的属性和方法。
只有通过new FuntionName() 而得到的对象才是实例对象,如上面的p。

构造函数、原型对象和实例

原型链

原型链
每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数想指针(constructor),而实例对象都包含一个指向原型对象的内部指针(proto)。如果让原型对象等于另一个类型的实例,此时的原型对象将包含一个指向另一个原型的指针(proto),另一个原型也包含着一个指向另一个构造函数的指针(constructor)。假如另一个原型又是另一个类型的实例……这就构成了实例与原型的链条。

相关文章

  • 廖雪峰JS小记

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

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

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

  • javascript中的原型链与继承

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

  • JS闭包问题(一)

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

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

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

  • JS原型链

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

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

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

  • 2022前端高频面试题

    JS相关 1.原型和原型链是什么 原型和原型链都是来源于对象而服务于对象的概念js中引用类型都是对象,对象就是属性...

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

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

  • JS的__proto__和prototype

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

网友评论

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

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