【前端手撕】new

目录

碎碎念

new

代码

补充：Object.prototype.toString

---

碎碎念

困困困困困困困困困困！！

new

固定四步：

1. 判断传入是不是合法构造函数
2. 创建一个空对象，绑定原型
3. 把构造函数的this指向空对象，执行构造函数并拿到返回值
4. 判断构造函数的返回值，最终决定返回谁

其中，最后一步要判断是因为原生new有关键规则：

• 如果构造函数手动返回一个引用类型（对象、数组、函数），new 最终拿到的是这个返回值，不是我们新建的实例；
• 如果构造函数返回基本类型 / 不写 return（undefined / 数字 / 字符串 /null），忽略返回值，返回我们创建的 obj

代码

function myNew(fn, ...args) {
    // 判断fn是否是函数类型
    if (Object.prototype.toString.call(fn) !== '[object Function]') {
        return 'error in params'
    }
    // 创建新对象绑定原型
    const obj = Object.create(fn.prototype)
    // 调用构造函数
    let res = fn.call(obj, ...args)
    // 如果构造函数返回的是对象类型，就返回构造函数返回的对象
    return res instanceof Object? res : obj
}

补充：Object.prototype.toString

是 JS 里最精准的内置类型判断方法 ，typeof 有大量缺陷，而这个方法能精准区分：数字、字符串、布尔、null、数组、普通对象、函数、Date、RegExp、Error、Map、Set 等所有内置类型。

调用后固定返回格式："[object 类型名]"

标准写法

Object.prototype.toString.call(要检测的值)

原理拆解：

• Object.prototype.toString：拿到原版、没被重写的类型检测函数（因为如果直接写x.toString()的话绝大多数变量自己的toString都是重写过的，不会返回类型，只有顶层Object原型上的toString才是用来检测类型的原版方法）；
• .call(target)：把这个函数内部的 this 改成要检测的 target；
• 函数内部根据 this 的内置标记，返回 [object Xxx]。