手写new

new关键字做了什么事情？

1. 首先新建一个对象；
2. 然后将对象的原型指向 Person.prototype；
3. 然后 Person.apply(obj)；
4. 返回这个对象；

new出来对象后：

1. 可以访问到构造函数内的属性
2. 可以访问到构造函数.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);