js的new做了什么

发布时间 2023-06-16 19:25:50作者: 爱抽烟的王源

new对象底层发生了什么

function Person(phone, age) {
  this.age = age;
  this.phone = phone;
  this.showone = function () {};
}
Person.prototype.docall = function () {
  console.log("电话:", this.phone);
};

let person = new Person("12344", 23);
console.log("person", person); //3个属性方法,原型上1个方法,constructor指向Person对象
console.log("person的类型是:", typeof person);
//类型是object,并不是person。因为typeof只认识基础类型
//if (typeof person === "")  //这里的引号会提示有哪些基础类型

new 一个实例对象的底层实际就3步
1.创建一个 Object 对象

var obj = {}; //底层实际是new Object();
console.log("第1步:", obj); //此时:constructor指向Object对象(祖先)

2.让新创建的对象的 proto 变量指向 Person 原型对象空间

obj.__proto__ = Person.prototype;
console.log("第2步:", obj); //到这里,第一步打印和现在的打印都变成:原型上1个方法,constructor指向Person对象

3.借用Person构造函数中的为 obj 对象变量增加 age 属性和 phone 属性

Person.apply(obj, ["12344", 23]); //apply借用
console.log("第3步:", obj); //可以看到和new出来的对象一模一样,3个属性方法,原型上1个方法,construc