Javascript底层new的作用

文章介绍了JavaScript中new操作符的作用,它用于创建新对象并绑定构造函数的this。在没有new的情况下,直接调用构造函数会导致this指向全局对象(如window)。new的主要步骤包括创建新对象、设置this指向新对象、执行构造函数以及返回新对象。通过这些,构造函数能为新对象添加属性。

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

   大家好,今天简单通过一些例子,介绍一下 Javascript底层new的作用。


   在没有new的作用下,直接调用构造函数,可见返回了 “undefined”, 是由于在没有 new 的作用下,构造函数没有 返回值。



在这里插入图片描述



   通过打印 this, 可以看到 构造函数内部的this指向的是window,它包含了各种对象参数。



在这里插入图片描述



   通过添加 new,就有了返回的结果。
在这里插入图片描述



   new 的作用 实际创建了新空对象 this = {},它是隐性的。把构造函数的this指向了要返回的对象上。



在这里插入图片描述



以下简单总结 new 的作用过程:

1.创建了新空对象
2.将构造函数的作用域赋值给新对象(this指向新对象)
3.执行构造函数代码 (为这个新对象添加属性)
4.返回新对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值