JavaScript 原型与原型链

原型与原型链

要讨论原型与原型链,就要先了解什么是 构造函数 ,构造函数与普通函数没有太大的区别,使用 new关键字 创建实例对象的函数,就叫做构造函数。

在js中,每一个函数类型的数据都有一个 .prototype 的属性,这个属性指向一个对象,叫做 原型对象

原型对象有一个属性叫做 constructor 的属性,指向他的 构造函数

在使用构造函数构造不同的实例对象时,有些 属性方法 是相同的,如果每个实例对象都创建这些相同的属性,有些浪费,可以存在原型对象里以共享。这也是原型对象最重要的作用。

对于这些共有的属性和方法,实例对象可以直接用 点运算符 访问,原因是实例对象在本身找不到对应的属性和方法时,会查找其构造函数的原型对象。所以可以用 实例.constructor 来查看该实例的构造函数。

如果实例本身没有该属性和方法,其构造函数的原型对象也没有,会继续往原型对象上去寻找,原型链概念就呼之欲出了。

先了解 显式原型隐式原型

显式原型 是用 prototype 属性查找原型,是函数类型数据的属性,函数可以用这个方法,构造函数也可以用,找到的是这个构造函数的原型对象。

隐式原型 是用 proto 属性查找原型,是对象类型数据的属性,对象可以用这个方法,实例对象也可以用,找到的是这个实例对象的构造函数的原型对象。

原型对象 也是一个对象,也有 proto 属性,在js中,对象的构造函数是 Object() ,所以其原型对象是 Object.prototype

Object.prototype 也是一个对象,不过 Object.prototype 比较特殊,没有原型对象,或者说其_proto_指向的是 null 。所以 Object.prototype 是原型链的尽头。

如果实例本身没有该属性和方法,则寻找实例的原型对象,如果实例的原型对象也没有,则继续寻找该原型对象的原型对象,直至null。这样的顺着 proto 寻找的链状结构就叫做 原型链 ,也叫做 隐式原型链

js中,函数也是一种对象,而函数的构造函数为 Function() ,所有函数都可以看作是 Function() 的实例对象,而 Function() 本身也是函数,所以 Function() 是自己的实例对象。函数的 protoFunction.prototypeFunction.prototype 的原型对象是 Object.prototype

相关推荐
腾讯TNTWeb前端团队5 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
拉不动的猪9 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪9 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
uhakadotcom10 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom10 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom10 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom10 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
咖啡教室11 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
咖啡教室12 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
市民中心的蟋蟀14 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js