new关键字的内部执行原理

本文解析了JavaScript中使用new关键字创建对象的过程,包括自动创建新对象、改变this指向、执行函数并设置原型链,以及返回新对象的机制。

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

1. 自动创建一个新对象,保存在内存中,此时拿不到
2. 改变函数内的this指向,为这个新对象
3. 执行函数内的代码,并将新对象的__proto__指向该函数的prototype
4. 检查函数是否主动返回对象,如果没有,则返回这个新对象

例如:

function Fn(){
	this.name = "anr";
	this.show = function(){
		console.log(this);
	}
}
  • 创建对象
var f1 = new Fn();
  • 改变了this指向
f1.show();										//this指向刚刚创建的对象:Fn {name: "anr", show: ƒ}
  • 新对象的原型链对象(proto)指向该自定义构造函数的原型(prototype)
console.log(f1.__proto__ === Fn.prototype);		//true
  • 当前自定义构造函数没有主动返回新对象,所以new关键字返回了第一步创建的新对象,保存在f1中。
console.log(f1);								//返回新对象:Fn {name: "anr", show: ƒ}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值