实现一个简易的new操作符

new的用法

// 定义构造函数
function Person (name) {
  this.name = name;
}

Person.prototype.age = 18;

// 创建实例
var person = new Person('whl');

// 调用实例
console.log(person.name); // whl
console.log(person.age); // 18
console.log(person); // Person {name: whl"}

这是一个很普通的实例，他们分别调用了实例和原型上的属性。

---

new操作符的原理

• 1.创建一个新对象
• 2.将构造函数中的作用域赋给新对象(因此this就指向了这个新对象)
• 3.执行构造函数中的代码(为这个新对象添加属性)
• 4.返回新对象

---

实现一个new操作符

function _new() {
    // 创建新对象
    let obj = {}
    // 获取构造函数
    let Con = [].shift.call(arguments)
    // 原型链继承
    obj.__proto__ = Con.prototype
    // 执行构造函数，并将构造函数中的属性都挂载到新对象上,this指向新对象
    let result = Con.apply(obj, arguments)
    // 返回新对象
    return typeof result === 'object' ? result : obj
}
function Person(name, age) {
    this.name = name
    this.age = age
}

let a = _new(Person,'whl',23)
console.log(a);