js手写new（保姆级教学）

new关键字作用

众所周知，js中new关键字的作用就是创建一个构造函数的实例对象。
如下面代码：(注意：构造函数的第一个字母大写，与普通函数区分。)

function Person(name,age) {
	this.name = name
	this.age = age
}
let p1 = new Person("张三",18)	//Object { name: "张三", age: 18 }

由上面代码可知，new关键字创建实例对象完成后，会产生以下影响：

1. 会执行构造函数中的代码：

function Person(name,age) {
	this.name = name
	this.age = age
	console.log('aaa')
}
let p1 = new Person("张三",18)	// aaa 
console.log(p1) //Object { name: "张三", age: 18 }

2. 会生成一个该构造函数的实例对象。那么，凭什么说这个对象是该构造函数的实例对象呢？

我们来看p1打印的结果：

可以看出实例对象中有个constructor属性，类型为函数，指向Person构造函数。因此说明该实例对象为Person构造函数的实例对象。
3. this指向创建后的实例对象。

4. 上述代码其实都未考虑一个问题，那就是构造函数带有返回值的情况：
这里可以看出，当返回值为String或者Number类型时，生成的实例对象与上面步骤中生成的实例对象一样。但当返回值为函数或对象(引用类型)时。返回值即为创建后的对象。

手写过程

通过上述步骤和检验，我们得出new关键字创建实例对象的步骤：

1. 创建空对象；
2. 空对象的原型指针指向构造函数的原型对象；
3. 利用函数的call方法改变this指向，在空对象上挂载属性或方法；
4. 返回对象。
   代码：

function createNew(Fn,...args) {
	// 创建空对象
	let newObj = null
	// 获取Fn构造函数
	// 这里由于argumens虽然是类数组类型，但并没有数组中的方法，因此使用call将数组的shift()方法绑定给arguments
	// 这里constructor为Fn，arguments为...args,即需传入构造函数中的参数。
	let constructor = Array.prototype.shift.call(arguments)
	let result = null
	// 判断构造函数的函数类型
	if(typeof constructor !== 'function')  {
		console.log('type error')
		return
	}
	// 原型链链接
	newObj = Object.create(constructor.prototype)
	// 绑定this，执行构造函数，接收构造函数返回值
	result = constructor.apply(newObj,args)
	// 若result为引用类型，返回；否则返回newObj;
	return result instanceof Object ? result : newObj;
}