关键字new在调用构造函数的时候实际上进行了如下的几个步骤:
- 创建一个新的对象
- 将构造函数的作用域赋值给这个新的对象(因此this指向了这个新的对象)
- 执行构造函数中的代码(为这个新对象添加属性)
- 返回新对象
我们写一个函数,命名为objectFactory,来模拟new的效果,使用的时候像下面这样:
function Person () {
……
}
// 使用 new
var student = new Person(……);
// 使用 objectFactory
var student = objectFactory(Person, ……)
接下来,我们按照new调用构造函数的四个步骤来实现objectFactory:
function objectFactory() {
// 创建一个新的对象
const obj = {}
// 获取第一个参数,arguments是类数组,不可直接调用shift方法
//此外因为 shift 会修改原数组,所以 arguments 会被去除第一个参数
const Constructor = [].shift.call(arguments)
// 将obj的原型指向构造函数的原型对象,这样obj就可以访问构造函数原型上的属性
obj.__proto__ = Constructor.prototype
// 将构造函数的this指向obj,这样obj就可以访问到构造函数中的属性
Constructor.apply(obj, arguments);
// 返回 obj
return obj;
}
如果构造函数中返回了一个对象,则在实例中只能访问到返回的对象中的属性。
所以我们还需要判断返回的值是不是一个对象,如果是一个对象,我们就返回这个对象,如果没有,我们该返回什么就返回什么。
function objectFactory() {
const obj = {}
const Constructor = [].shift.call(arguments)
obj.__proto__ = Constructor.prototype
const res = Constructor.apply(obj, arguments);
return typeof res === 'object' ? res : obj;
}
文章来源:个人博客网站 https://www.jscwwd.com/article/5e81ebb7c4b0a4394d9a45f7