构造函数,原型,实例,类的关系整理

视频来源js原型链、构造函数和类_哔哩哔哩_bilibili

如视频所说,构造函数的prototype指向原型,实例化的对象的__proto__指向原型,原型通过constructor指向构造函数,正如class里面的constructor方法就相当于Person构造函数一样,而我们在class中写在constructor之外的方法则是被默认放到了原型上面即相当于原本的Person.prototype.fn,这样实例化的对象都能访问到。

实例化对象的__proto__指向的是构造函数的原型,构造函数的原型的__proto__指向的是Object.prototype,Object.prototype的__proto__指向的是null。在调试时,[[prototype]]就相当于

proto,然后在写class的时候,要注意,class都是小写的,空一格接类名,然后直接接的{},有点像style里面类名的写法。其中的constructor里面仍然是用this来声明实例的属性或者方法的,如

class Person{

constructor(name,age){

this.name = name

this.age = age

}

}

这里使用extends的时候,要记得重新写一遍constructor(){},然后里面的super()这样的写法,要记忆一下,关键的在于,类的继承是为了让子的实例化对象能够使用祖先的原型上的数据,所以类.prototype的__proto__要指向祖先.prototype。

相关推荐
玖笙&8 分钟前
✨万字解析解析:Vue.js优雅封装级联选择器组件(附源码)
前端·javascript·vue.js·前端框架
烟袅9 分钟前
深入理解 React 中 useState 与 useEffect
前端·javascript·react.js
悟能不能悟9 分钟前
Java 中将 List 中对象的某一列转换为 Set
java·开发语言·list
vortex515 分钟前
Bash Shell 的展开与补全机制
开发语言·bash
行走的陀螺仪18 分钟前
前端基建从0到1搭建步骤清单(含工具选型+配置要点+落地注意事项)
前端·javascript·typescript·设计规范·前端工程化·规范化·前端基建
BD_Marathon21 分钟前
会话管理_Session
javascript
010米粉01026 分钟前
Qt Cmake之路(一):Cmake变量语法
开发语言·qt·cmake
aini_lovee29 分钟前
基于Jousselme距离改进D-S证据理论matlab实现
开发语言·算法·matlab
颜*鸣&空33 分钟前
Qt Creator快速搭建项目
开发语言·qt