个人总结了一下js高级中的构造函数、原型对象、实例对象的关系

本文以家庭关系为比喻,深入浅出地解析JavaScript中的构造函数、原型对象和实例对象的关系。构造函数用于创建对象,new关键字在其中起到关键作用,包括创建对象、设置this、赋值及返回对象。原型对象是构造函数自动创建的,用于内存管理和变量隔离,拥有constructor属性。实例对象是构造函数的产物,具备__proto__属性。三者关系紧密,共同构成了JavaScript对象继承的基础。
摘要由CSDN通过智能技术生成

说起这三者之间的关系,我记起我刚学js的时候,我看到一位大佬的比喻,他说,把构造函数比喻成你父亲,原型对象比喻成你母亲,那么实例对象就是你,这三者之间的关系就是你家三口的关系,我感觉比喻得还是很形象的,那么下面我就以我自己对它们三的理解来跟大家谈谈吧!

首先,构造函数,它的作用与工厂函数一致,都是用来创建对象的。但是代码更加简洁。只不过它需要加关键字new,这个关键字可是构造函数最重要的一部分,没它可不行哦。提到new,顺便也说说new的作用吧。它在构造函数中主要做了四件事:1.它创建了一个空的对象;2.使this指向了这个对象;3.给这个对象赋值;4.它还可以返回这个对象。咳咳~言归正传,我们继续说它们三者之间的关系。

构造函数,它一般首字母都是大写,(这是为了提醒你的小伙伴,这是一个构造函数,别忘记了new关键字),还有就是,构造函数中加入new关键字以后,如果你又手动的加了一个return,那么就要看你手动加入的是什么类型的了,如果是值类型,那就直接无法生效,如果是引用类型,那就会覆盖new关键字创建的对象,它拥有一个属性Protptype

再说说原型对象,原型对象就是在写构造函数的同时系统自动在堆空间中创建的一个对象,它的作用就是清除内存浪费和变量污染,它拥有一个属性constructor

最后说说,实例对象,它是调用构造函数之后创建的对象,它拥有一个属性__proto__ (不是web标准属性,开发中省略)

它们之间的关系用下面这张图表示最明确了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值