new 内部实现【JavaScript原理】

原创已于 2022-03-08 09:46:08 修改 · 309 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #原理剖析

于 2022-03-08 09:44:48 首次发布

理论学习专栏收录该内容

12 篇文章

订阅专栏

本文详细解析了JavaScript中如何通过构造函数、原型链接和this绑定创建新对象的过程，并特别提及了箭头函数与传统函数在原型链接上的区别。通过myNew函数实例演示了整个实例化过程。

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

理论描述

创建一个空对象{}
获取构造函数
链接到原型
绑定this，执行构造函数
返回新对象

代码实现

function myNew(){
	// 1.创建一个新对象
	let obj = {}
	// 2.获取构造函数
	let con = arguments.__proto__.constructor
	// 3.链接原型
	obj.__proto__ = con.prototype
	// 4.绑定this，执行构造函数
	let res = con.aplly(obj , arguments)
	// 5.返回新对象
	return typeof res === 'object' ? res : obj
}