new一个新对象的过程，发生了什么？

最新推荐文章于 2024-09-30 09:11:25 发布

布里渊区

最新推荐文章于 2024-09-30 09:11:25 发布

阅读量197

点赞数

分类专栏： javascript前端

本文链接：https://blog.csdn.net/cctvcqupt/article/details/118906910

版权

javascript前端专栏收录该内容

79 篇文章 0 订阅

订阅专栏

本文深入探讨JavaScript中的构造函数与原型链机制，包括如何创建对象、原型链的建立过程以及函数`myNew`的工作原理。通过示例解释了`Function`、`ClassMachine`和`thingOne`之间的关系，展示了`__proto__`和`call`方法的使用，以及如何通过`myNew`实现类似`new`操作的功能。

摘要由CSDN通过智能技术生成

 function Father(name) {
     this.name = name;
 }
 let son = new Father('Lisa');
 console.log(son); //Father {name: "Lisa"}

(1) 创建一个空对象 son {}
(2) 为 son 准备原型链连接 son.__proto__ = Father.prototype
(3) 重新绑定this，使构造函数的this指向新对象 Father.call(this)
(4) 为新对象属性赋值 son.name
(5) 返回this return this，此时的新对象就拥有了构造函数的方法和属性了

// 1. 首先有个类型机器
function ClassMachine() {
  console.log("类型创造机器");
}
// 2. 然后我们定义一个对象物品
let thingOne = {};
// 3. 对象物品通过万能术 __proto__ 指向了类型机器的原型（即 No 2 始机器）
thingOne.__proto__ = ClassMachine.prototype;
// 4. ？？？
ClassMachine.call(thingOne);
// 5. 定义了类型机器的动作
ClassMachine.prototype.action = function(){
  console.log("动作创造机器");
}
// 6. 这个对象物品执行了动作
thingOne.action();
/*
 * Console：
 * 类型创造机器
 * 动作创造机器
*/

// func是构造函数，...args是需要传给构造函数的参数
function myNew(func, ...args) {
  // 创建一个空对象，并且指定原型为func.prototype
  var obj = Object.create(func.prototype);
  // new构造函数时要执行函数，同时指定this
  func.call(obj, ...args);
  // 最后return这个对象
  return obj;
}