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

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

相关推荐
破茧蝴蝶4 小时前
Python分布式爬虫完整教程
开发语言·python
狗凯之家源码网4 小时前
全新 PHP 轻量客服聊天室源码深度评测
开发语言·php·聊天室系统
远离UE45 小时前
UE5 Substrate Thin Film 源码拆析
开发语言·javascript·ue5
keyipatience5 小时前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
栈帧之外6 小时前
【C++】STL之set
开发语言·c++
catchadmin6 小时前
免费可商用 PHP 管理后台 CatchAdmin V5.4.1 发布,新增 MCP 支持
开发语言·php
jimy18 小时前
c++的 Type Traits (二、更详细版本)
开发语言·c++
狗凯之家源码网8 小时前
纯 PHP+MySQL 应用市场系统源码实测!
开发语言·mysql·php
dishugj8 小时前
系统架构风险点、敏感点和权衡点的概念和区分
java·开发语言
geovindu8 小时前
rust:Memento Pattern(续)
开发语言·后端·设计模式·rust·行为模式·备忘录模