JS中new 到底做了什么?

本文深入解析JavaScript中new关键字的工作原理,阐述了如何通过new关键字简化对象创建过程,包括自动创建对象、设置原型链、调整this作用域及返回新实例等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

new 关键字实际上就是个语法糖。

从知乎上看到的这个文章,https://zhuanlan.zhihu.com/p/23987456,很形象却不具体,再后来又看到这篇https://blog.youkuaiyun.com/weixin_41910848/article/details/81983740#comments,总结很到位,在此谢谢这两篇的作者。

下面写自己的理解:

如果没有new关键字,我们依然想实现重复使用一个函数的方法:例如:

而如果使用new 直接new一个构造函数Common的实例,那么就可以直接使用 构造函数Common的方法,我们这样写:

可以看出new省略那几步了吗?

1。不用手动新建一个obj ,new会帮你创建

2。不用把新建的obj的__proto__指向构造函数Common的prototype,new会帮你做。

3。构造函数this的作用域会指向实例本身。

4。不用手动return新建的obj,new会帮你return。

5。new出来的实例的__proto__会指向构造函数的prototype。构造函数的方法,实例可以直接调用。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值