【JS】new操作符

在js中，new操作符用于创建一个给定构造函数的实例对象
new关键字主要做了以下工作：

• 创建一个新的空对象obj
• 将新对象obj与构造函数通过原型链连接起来
• 将构造函数中的this绑定到新建的对象obj上
• 根据构建函数返回类型作判断，如果是基本数据类型则被忽略，如果是返回对象则正常调用

举例说明：

function Person(name, age){
    this.name = name;
    this.age = age;
}
const person1 = new Person('Tom', 20)
console.log(person1)  // Person {name: "Tom", age: 20}
t.sayName() // 'Tom'

new操作符的流程说明：

const person1 = new Person('Tom', 20)
		→1.创建一个新的空对象 {}
		→2.将新对象的[[prototype]]指向为Person.prototype：{__proto__=Person.prototype}
		→3.将Person构造函数的this设置为新创建的对象: {__proto__=Person.prototype; name  = 'Tom'; age=20}
		→4.构造函数Person没有return语句，则将新创建的对象返回： const person1 = {__proto__=Person.prototype; name  = 'Tom'; age=20}

手写new操作符

function myNew(Func, ...args){
	//1.创建新的空对象
	const obj = {};
	//2.将新对象的原型指向构造函数的原型对象
	obj.__proto__ = Func.prototype
	//3.将构造函数的this指向新对象
	let result = Func.apply(obj, args)
	//4.根据返回值判断
	return result instanceof Object ? result : obj
}
function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.say = function () {
    console.log(this.name)
}

let p = mynew(Person, "huihui", 123)
console.log(p) // Person {name: "huihui", age: 123}
p.say() // huihui