javascript - 实现new功能函数这里？result 输出对象前面为什么有个Fun ?

Question

        function _new(constructor, ...arg) {            let obj = {};            console.log("constructor", constructor);            console.log("constructor.prototype", constructor.prototype);            obj.__proto__ = constructor.prototype;            let res = constructor.apply(obj, arg);             console.log("res", res);            console.log("obj", obj);            return Object.prototype.toString.call(res) === '[object object]' ? res : obj;         }        const Fun = function (name) {            this.name = name;        }        console.log('result',_new(Fun, 'xyy'));

Answer 1

如图所示，只要这个对象有原型，就会显示构造函数名称

Answer 2

从你提供的代码和输出日志来看，_new(Fun, 'xyy') 函数调用的结果输出中包含 "Fun"，这可能是因为你期望的输出是调用 Fun 构造函数后的结果，而 Fun 构造函数在创建新对象时并没有返回任何内容（即返回 undefined），但是你的 _new 函数在处理构造函数调用结果时，使用 Object.prototype.toString.call(res) 来检查返回的对象是否是普通对象，由于 Fun 的调用结果为 undefined，所以在对其进行 toString 操作时，会返回 "[object Object]"，这与你预期的普通对象类型不符，因此你的函数判断该结果不是普通对象，最后返回了 obj 对象。

在你的代码中，_new 函数的目标似乎是创建一个新的对象并应用给定的构造函数。如果构造函数返回一个对象，该函数将返回该对象；否则，它将返回一个新创建的空对象。

以下是你的代码的简化版，去除了与具体实现相关的部分：

function _new(constructor, ...arg) {    let obj = {};    // ... 一些无关代码 ...    return Object.prototype.toString.call(constructor.apply(obj, arg)) === '[object object]' ? constructor.apply(obj, arg) : obj; }const Fun = function (name) {    this.name = name;}console.log('result', _new(Fun, 'xyy'));

如果你希望 _new(Fun, 'xyy') 的输出结果是 Fun 构造函数的返回值（即一个具有 name 属性的新对象），你需要确保 Fun 构造函数在创建新对象后返回这个新对象。例如：

const Fun = function (name) {    this.name = name;    return this;}

这样，当你使用 _new(Fun, 'xyy') 时，就会返回一个新创建的 Fun 对象，而不是一个空对象。