原型对象、原型、原型链

一、原型对象

js规定,每一个构造函数都有一个prototype属性,指向另一个对象,我们称之为原型对象。

原型对象与实例对象:

原型对象可以挂载函数,对象实例化不会多次创建原型对象里面的函数,节约内存;

实例对象可以直接访问原型对象中的函数,先找实例对象属性或函数,找不到会再找原型对象中的的属性和函数。

构造函数和原型对象中的this都指向实例化的对象。

箭头函数不能做构造函数,因为箭头函数里没有this。

constructor属性------每个原型对象里面多有个constructor属性(constructor构造函数),该属性指向该原型对象的构造函数。

二、原型

对象都会有一个属性__proto__指向构造函数的prototype原型对象。

\[prototype\]\] \<==\> __proto__ 尽量不要修改这个属性,否则会对性能产生非常严重的影响。 ### 三、原型链 __proto__属性的链状结构被称为原型链。 原型链的作用是为对象成员查找机制提供一个方向,或者说一条路线。 **原型链查找规则:** 1、当访问一个对象成员(属性/方法)时,首先查找这个对象自身有没有该成员(属性/方法) 2、如果没有就查找他的原型对象,也就是__proto__指向的prototype原型对象 3、如果还没有,就查找原型对象的原型对象,就是Object的原型对象 4、依次类推,知道找到Object为止(null) instanceof可以用来检测构造函数.prototype是否存在于实例对象的原型链上。 ### 四、原型继承 有些公共的属性和方法可以写到父级身上,自己通过继承也可以使用这些属性和方法。 **js大多是借助原型对象实现继承的特性。**

相关推荐
代码中介商几秒前
C++ 继承与派生深度解析:存储布局、构造析构与高级特性
开发语言·c++·继承·派生
Cobyte1 分钟前
6.响应式系统比对:通过 Vue3 响应式库写 React 应用
前端·javascript·vue.js
我不是懒洋洋7 分钟前
【经典题目】栈和队列面试题(括号匹配问题、用队列实现栈、设计循环队列、用栈实现队列)
c语言·开发语言·数据结构·算法·leetcode·链表·ecmascript
枫叶丹48 分钟前
【HarmonyOS 6.0】ArkWeb PDF浏览能力增强:指定PDF文档背景色功能详解
开发语言·华为·pdf·harmonyos
谭欣辰10 分钟前
C++ 控制台跑酷小游戏2.0
开发语言·c++·游戏程序
Huangxy__15 分钟前
java相机手搓(后续是文件保存以及接入大模型)
java·开发语言·数码相机
刚子编程19 分钟前
C#事务处理最佳实践:别再让“主表存了、明细丢了”的破事发生
开发语言·c#·事务处理·trycatch
云浪21 分钟前
从 0 到 1 搭建 RAG 应用:用 LangChain + Chroma + qwen-plus 实现《红楼梦》问答
javascript·vue.js·人工智能
lsx20240625 分钟前
jEasyUI 自定义对话框
开发语言
陶然同学30 分钟前
【Python】文件操作
开发语言·python