JavaScript new 操作符

new 操作符做的事情 - 01

1. 创建了一个全新的对象。
2. 将对象链接到这个函数的 prototype 对象上。
3. 执行构造函数，并将 this 绑定到新创建的对象上。
4. 判断构造函数执行返回的结果是否是引用数据类型，若是则返回构造函数执行的结果，否则返回创建的对象。

new 操作符做的事情 - 02

1. 创建一个全新的对象 (无原型的Object.create(null)) 。
2. 目的是保存 new 出来的实例的所有属性。
3. 将构造函数的原型赋值给新创建的对象的原型。
4. 目的是将构造函数原型上的属性继承下来。
5. 调用构造函数，并将 this 指向新建的对象。
6. 目的是让构造函数内的属性全部转交到该对象上，使得 this 指向改变，方法有三 : apply、call、bind 。
7. 判断构造函数调用的方式，如果是 new 的调用方式，则返回经过加工后的新对象，如果是普通调用方式，则直接返回构造函数调用时的返回值。

function myNew(Constructor, ...args) {
	// 判断 Constructor 参数是否是函数
	if (typeof Constructor !== 'function') {
		return 'Constructor.apply is not a function';
	};

	// 1、创建了一个全新的对象。
	let newObject = {};

	// 2、将对象链接到这个函数的 prototype 对象上。
	newObject.__proto__ = Constructor.prototype;

	// 此处是把 1 / 2 步结合到一起
	// const newObject = Object.create(Constructor.prototype);

	// 3、执行构造函数，
	// 并将 this 绑定到新创建的对象上。
	let result = Constructor.apply(newObject, args);

	// 4. 判断构造函数执行返回的结果是否是引用数据类型，
	// 若是则返回构造函数执行的结果，
	// 否则返回创建的对象。
	if ((result !== null && typeof result === 'object') || (typeof result === 'function')) {
		return result;
	} else {
		return newObject;
	};
};

// 需要被 new 的函数
function NewTest(args) {
	this.dataValue = args;
	return this;
};

// 定义参数
let dataObj = {
	sname: '杨万里',
	number: 3,
	web: 'vue'
};
let dataArray = [5, 'uniApp', '范仲淹'];

// 执行 myNew 函数
let test = myNew(NewTest, 1, 'JavaScript', '辛弃疾', dataObj, dataArray);
console.log(test); // NewTest {dataValue: Array(5)}

本文链接：https://blog.csdn.net/weixin_51157081/article/details/115577751