手撕代码的步骤

手撕代码的步骤(以手写代码表示new的过程为例)

一、明确代码目标

可以先将函数的调用/测试用例写出来，帮助自己梳理代码的输入、输出以及代码逻辑。本体的代码逻辑如下

function Test(name) {
	this.name = name
	this.city = '南京'
}
function createNew(clas, ...args) {
	//此处需补充
}
let my = createNew(Test, 'lxy')

通过上述调用可发现，createNew()传入的两个参数分别为构造函数及调用构造函数的参数，输出为构造函数调用后生成的实例。

二、分析代码内部逻辑，选择API

new生成对象的过程如下：
1、创建空对象
2、绑定__proto__指向构造函数的prototype
3、调用构造函数
4、返回新对象

这里1、2两步可以通过Object.create()一步实现
步骤3需要调用传入的构造函数，但是该构造函数的this指针需要指向第2步创建的obj，因此选用apply函数

三、编写代码

综上所述，完整代码为

function createNew(clas, ...args) {
	 //1+2生成obj，原型指向clas的prototype
    let obj = Object.create(clas.prototype)
    //3调用构造函数
    clas.apply(obj, args)
    //
    return obj
}