WEB前端面试宝典问题——new操作符的执行过程

qq_43357289

已于 2022-11-29 13:04:01 修改

阅读量394

点赞数

文章标签：前端面试 vue.js javascript html5

于 2022-11-26 23:44:08 首次发布

本文链接：https://blog.csdn.net/qq_43357289/article/details/128059064

版权

本文详细解析了JavaScript中new操作符的执行过程，包括创建新对象、设置原型、执行构造函数以及返回值处理。内容覆盖了前端面试的重点，旨在帮助面试者掌握基础及重难点，提供全面的面试准备资料。

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

new操作符的执行过程：

（1）首先创建了一个新的空对象

（2）设置原型，将对象的原型设置为函数的 prototype 对象。

（3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性）

（4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。

具体实现：

function objectFactory() {
  let newObject = null;
  let constructor = Array.prototype.shift.call(arguments);
  let result = null;
  // 判断参数是否是一个函数
  if (typeof constructor !== "function") {
    console.error("type error");
    return;
  }
  // 新建一个空对象，对象的原型为构造函数的 prototype 对象
  newObject = Object.create(constructor.prototype);
  // 将 this 指向新建对象，并执行函数
  result = constructor.apply(newObject, arguments);
  // 判断返回对象
  let flag = result && (typeof result === "object" || typeof result === "function");