// 模拟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 运算符的工作流程:
- 一个新对象被创建,它继承自foo.prototype(就是利用 Object.create 方法将 foo.prototype 作为新对象的原型对象)
- 构造函数foo被执行,执行的时候,相应的传参会被传入,同时上下文(this)会被指定为这个新实例。new foo 等同于new foo(),只能用在不传递任何参数的情况。
- 如果构造函数返回(return)了一个“对象”,那个这个对象会取代new出来的结果。如果构造函数没有返回对象,那么new出来的结果为步骤1创建的对象。