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

视频来源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。

相关推荐
竹林8182 小时前
Web3表单签名验证:我用 wagmi 和 ethers 给 DApp 加了一个“免密登录”,踩坑记录全在这了
javascript
用户6990304848752 小时前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
LDR0062 小时前
Type-C 快充全面升级!LDR6601 赋能个人护理便携电机,重塑剃须刀 / 理发器新体验
c语言·开发语言
雪碧聊技术3 小时前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript
码云数智-园园3 小时前
C++20 Modules 模块详解
java·开发语言·spring
VidDown3 小时前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
swordbob3 小时前
NIO的channel中什么是 fd(File Descriptor,文件描述符)
java·开发语言·nio
源分享4 小时前
Java线程同步的多种实现方法(非常详细)
java·开发语言·jvm
Luminous.4 小时前
C语言--day30
c语言·开发语言
何以解忧,唯有..4 小时前
Go语言循环语句详解:for、range与循环控制
开发语言·算法·golang