new关键字做了什么事情?
- 首先新建一个对象;
- 然后将对象的原型指向 Person.prototype;
- 然后 Person.apply(obj);
- 返回这个对象;
new出来对象后:
- 可以访问到构造函数内的属性
- 可以访问到构造函数.prototype上的属性
基础功能
步骤:
1. 用new Object() 的方式新建了一个对象 obj;
2. 取出第一个参数,就是我们要传入的构造函数。此外因为 shift 会修改原数组,所以 arguments 会被去除第一个参数;
3. 将 obj 的原型指向构造函数,这样 obj 就可以访问到构造函数原型中的属性;
4. 使用 apply,改变构造函数 this 的指向到新建的对象,这样 obj 就可以访问到构造函数中的属性;
5. 返回 obj;
// 通过objectFactory函数来模拟new关键字
// 1. new 的结果是一个新对象
// 2. 可以使用Person.apply(obj, arguments)来为 obj 添加新的属性
// 3. 实例的 proto 属性会指向构造函数的 prototype,也正是因为建立起这样的关系,实例可以访问原型上的属性
function Person(name, sex, skill) {this.name = name;this.sex = sex;this.skill = skill;
}function objectFactory() {// arguments 伪数组const obj = new Object();const constructor = Array.prototype.shift.call(arguments);obj.__proto__ = constructor.prototype;constructor.apply(obj, arguments);return obj;
}const person = new objectFactory(Person, "xiaoshuai", "man", "basketball");
console.log(person.name, person.sex, person.skill);
当构造函数存在返回值时
function Person(name, sex, skill) {this.name = name;this.sex = sex;this.skill = skill;this.pet = "chicken";// 当存在返回值时,对象 | 基本类型// return this.pet;return {name: this.name,sex: this.sex,skill: this.skill,pet: this.pet,};
}function objectFactory() {// arguments 伪数组const obj = new Object();const constructor = Array.prototype.shift.call(arguments);obj.__proto__ = constructor.prototype;// 如果构造函数有返回值且返回对象则return 构造函数的返回对象;否则构造函数返回什么,之后就返回什么(obj);// 若构造函数返回基本类型,则此处返回原obj,只处理构造函数返回对象的情况const returnResult = constructor.apply(obj, arguments);return typeof returnResult === "object" ? returnResult : obj;
}const person = new objectFactory(Person, "xiaoshuai", "man", "basketball");
console.log(person, person.name, person.sex, person.skill, person.pet);