手写new方法

丹丹的小跟班

已于 2022-09-01 16:56:16 修改

阅读量551

点赞数

CC 4.0 BY-SA版权

分类专栏：你应该掌握的js技巧文章标签： js

于 2021-07-26 10:53:39 首次发布

本文链接：https://blog.csdn.net/qq_44473483/article/details/119104637

你应该掌握的js技巧专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种手动实现JavaScript中new操作符的方法。通过自定义函数myNew，可以为新对象设置正确的原型，并调用构造函数来初始化属性。此外，还讨论了构造函数返回值的影响。

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

手写new方法

new方法大家一定不陌生，在创建一个对象时经常会使用new方法，今天我们试着自己封装一个new方法。

先拿出需要new的函数，也就是构造函数

function AA(name, age) {
	this.name = name
	this.age = age
}

分析：

创建出来的对象首先需要有构造函数里面的属性，也就是说我们应该执行构造函数，将值赋给新对象。这个时候就可以使用apply或者是call方法。（其实选择apply和call也是有讲究的。apply对于参数的书写无疑更加简单，但是他的内部其实也是执行了call方法，只不过增加了将数组参数拆开的过程，所以就性能而言，call永远比apply更快！）

2.其次除了属性之外，构造函数创建出来的实例，实例的原型应该指向的是构造函数的prototype属性。

3.当构造函数返回了一个引用类型，那new出来的数据就会是该引用类型（不包含函数），若不是，则返回创建的实例。
开始封装

function myNew(fn, ...arg) {
	if(typeof fn !== 'function') return
	let obj = Object.create(fn.prototype)
	let res = fn.call(obj, ...arg)
	return res instanceof Object ? res : obj 
}