我们在给构造函数初始化实例对象时,在构造函数内部执行了以下步骤。
例如:我们现在存在一个Person构造函数。
functionPerson(name, age){this.name = name
this.age = age
}let p1 =newPerson("zs",10)
1、首先在内部先创建一个新的对象
let obj =newObject()2、然后将新的对象的原型指向构造函数的原型对象。
obj.__proto__ =Person.prototype
3、然后再执行Person函数,并且将其this指向obj
let result =Person.apply(obj, arguments)4、在步骤三中拿到一个result结果,现在开始对result进行判断,如果result的值为undefined,则直接返回obj,如果result存在,则直接返回result.return result ? result : obj
下面我们来实现一个objectFactory函数,来实现new的功能。
我们先看看我们使用new来如何实现。
functionPerson(name, age){this.name = name
this.age = age
}let p1 =newPerson("zs",20)
console.log(p1)//Person { name: '张三', age: 20 }//接下来我们使用objectFactory来实现new的作用。functionobjectFactory(){let constructor =Array.prototype.shift.call(arguments)//拿到构造函数let newObject = Object.create(constructor.prototype)//创建一个新的对象,并且将新的对象原型指向构造函数的原型对象 if(typeof constructor !=="function"){thrownewError("constructor is not a function")}// 执行构造函数let result =constructor.apply(newObject, arguments)let flag = result &&(typeof result ==="object"||typeof result ==="function")return flag ? result : newObject
}functionPerson(name, age){this.name = name
this.age = age
}let result =objectFactory(Person,"张三",20)
console.log(result)//Person { name: '张三', age: 20 }