我们在给构造函数初始化实例对象时,在构造函数内部执行了以下步骤。
例如:我们现在存在一个Person构造函数。
function Person(name, age) {
this.name = name
this.age = age
}
let p1 = new Person("zs", 10)
1、首先在内部先创建一个新的对象
let obj = new Object()
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来如何实现。
function Person(name, age) {
this.name = name
this.age = age
}
let p1 = new Person("zs", 20)
console.log(p1) //Person { name: '张三', age: 20 }
//接下来我们使用objectFactory来实现new的作用。
function objectFactory() {
let constructor = Array.prototype.shift.call(arguments) //拿到构造函数
let newObject = Object.create(constructor.prototype) //创建一个新的对象,并且将新的对象原型指向构造函数的原型对象
if (typeof constructor !== "function") {
throw new Error("constructor is not a function")
}
// 执行构造函数
let result = constructor.apply(newObject, arguments)
let flag = result && (typeof result === "object" || typeof result === "function")
return flag ? result : newObject
}
function Person(name, age) {
this.name = name
this.age = age
}
let result = objectFactory(Person, "张三", 20)
console.log(result) //Person { name: '张三', age: 20 }