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

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

相关推荐
琦遇几秒前
Vue3使用Swiper实现列表内容分两行循环滚动
前端·javascript·vue.js
修复bug34 分钟前
利用pnpm patch命令实现依赖包热更新:精准打补丁指南
开发语言·javascript·vue.js
꧁坚持很酷꧂1 小时前
Qt实现文件传输客户端(图文详解+代码详细注释)
开发语言·qt
白露与泡影1 小时前
阿里一面:Nacos配置中心交互模型是 push 还是 pull ?(原理+源码分析)
开发语言·php·交互
techdashen1 小时前
性能比拼: Node.js vs Go
开发语言·golang·node.js
十碗阳春面1 小时前
MATLAB 中文注释乱码的问题
开发语言·matlab
aiden:)2 小时前
设计模式之工厂模式(factory pattern):在商品对象创建系统中的应用
java·开发语言·设计模式·软件工程·软件构建
C137的本贾尼2 小时前
Java内部类详解
java·开发语言
Linux编程用C2 小时前
rust编程学习(二):复合数据类型
开发语言·学习·rust