new 操作符的过程

摘抄自js高级程序设计(第三版)145页:

要创建Person的新实例,必须使用new操作符。以这种方式调用构造函数实际上会经历以下4个步骤:

(1)创建一个新对象;

(2)将构造函数的作用域赋给新对象(因此this就指向了这个新对象);

(3)执行构造函数中的代码(为这个新对象添加属性);

(4)返回新对象。

new的实现

function myNew(){
  //第一步新建一个对象
  var obj = {} 
  // 第二步,拿到构造函数
  var constructor = [].shift.call(arguments)
  // 将obj的原型指向构造函数的原型,这样obj就可以访问构造函数原型中的属性了
  obj.__proto__ = constructor.prototype
  // 使用apply改变构造函数this指向obj,这样obj就可以访问构造函数原型中的属性了
  var ret = constructor.apply(obj,arguments) 
  // 要返回obj
  return typeof ret === "object"?ret:obj
  }
  // 方法验证
  function Fn(name,age){
    this.name = name
    this.age = age
  }
  Fn.prototype.sayName = function (){
        return this.name
  }
  var obj = myNew(Fn,"zcf",18)
  obj.sayName() // "zcf"

转自:https://blog.csdn.net/zdhanunity/article/details/92758894 更加清晰些(附有代码)
转自:https://blog.csdn.net/w770583069/article/details
MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new
更加清晰些(更多细节)

你可能感兴趣的:(new 操作符的过程)