原型与原型链

 

如果在构造函数中直接为对象添加属性和方法,则会导致每个对象都包含一份自己的属性和方法,当大量创建对象时就会浪费很多存储空间。而将属性和方法添加到构造函数的原型中就可以使通过该构造函数创建出来对象共用这些属性和方法。即原型实现了属性和方法的共享

为构造函数指定原型:

ObjFunc.prototype = object.create(baseFunc)

ObjFunc.prototype.constructor = baseFunc

ES6中支持 class extends 关键字,就不需要用上面的方式了(但本质上还是一样的)。

 

当访问对象的属性和方法时,JS运行时会首先在该对象自身中查找要使用的属性和方法,找到就调用;如果找不到,则会到原型中查找。因此原型中的属性和方法虽然是共享的,但它们的优先级要低一点。

 

JS运行时在查找可调用的属性和方法时并不只查找一层原型,因为原型本身也是对象,因此JS运行时还会查找原型对象的原型,一直查找到Object的原型为止。这样就构成了一个链式结构,称为原型链。通过原型链可以形成类似继承的效果。

JS中的继承与其它编程语言中的继承还是有区别的!在其它编程语言中,任何类的对象都是由一个实例构成的,属性值也只有一个值,不管继承多少层。而JS通过原型链形成的继承是由多个实例构成的链,属性值也可以有多个值(每一层原型上都可以有一个不同的值),继承的层次越多,涉及的实例就越多,值也越多!

JS的原型链在Angular中还被用于构造作用域链。

posted @   刘兵博客  阅读(132)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示