前端手写系列-实现new

1. 实现原理

1. 创建一个全新对象
2. 取出arguments中的构造函数(这里我们将构造函数放在第一个参数)
3. 将这个新对象的__proto__属性指向构造函数的prototype
4. 调用这个构造函数，获取返回值；这里的主要目的是看构造函数是否有返回值，类似于Function, Array, Date, RegExp
5. 如果构造函数返回了对象，则我们新的myNew函数就返回这个对象，否则返回之前创建的obj

2. 完整代码

function myNew () {
  const obj = {}
  const ctor = Array.prototype.shift.call(arguments)
  obj.__proto__ = ctor.prototype
  const ret = ctor.apply(obj, arguments)
  return typeof ret === 'object' ? ret : obj
}

3.应用举例

function Person(name, age){
  this.name = name
  this.age = age
}
Person.prototype.getName = function () {
  console.warn(this.name)
}
const p = myNew(Person, 'lznism', 20)
p.getName() // lznism

这种方式的局限性：对于ES6中新增的class不可以用这种方式来实例化，class只能使用new来实例化