New运算符工作原理

// 模拟new运算符工作原理的 new1
var new1 = function(func,value){ // func指令构造函数
    // 1.生成一个新对象,这个对象要继承构造函数的原型对象
    var o = Object.create(func.prototype)
    // 2.执行构造函数func
    var k = func.call(o,value)// call转移上下文,将其转成新创建的o
    // 3.判断func执行完的结果是不是对象类型
    if(typeof k === 'object'){
        return k
    }else {
        return o
    }
}

// M 构造函数
var M = function(name){
    this.name = name
}
M.prototype.talk = function(){console.log('talk')}

// new 生成的 o1
var o1 = new M('o1')
console.log(o1) // M{name: "o1"}
o1.talk() // talk

// 验证模拟new运算符的 new1
var o2 = new1(M, 'o2') //传入M构造函数和参数
console.log(o2) // M{name: "o2"}
o2.talk() // talk

o2 instanceof M // true
o2 instanceof Object // true
o2.__proto__ === M.prototype // true
o2.__proto__.constructor === M // true

new 运算符的工作流程:

  1. 一个新对象被创建,它继承自foo.prototype(就是利用 Object.create 方法将 foo.prototype 作为新对象的原型对象)
  2. 构造函数foo被执行,执行的时候,相应的传参会被传入,同时上下文(this)会被指定为这个新实例。new foo 等同于new foo(),只能用在不传递任何参数的情况。
  3. 如果构造函数返回(return)了一个“对象”,那个这个对象会取代new出来的结果。如果构造函数没有返回对象,那么new出来的结果为步骤1创建的对象。
上一篇:内部类


下一篇:with欺骗作用域