new操作符具体做了什么

原创于 2023-06-30 20:16:54 发布 · 134 阅读

CC 4.0 BY-SA版权

文章标签：

文章通过一个代码示例解释了如何手动创建并链接一个对象到构造函数的原型，同时调整构造函数内部的this指向，并根据构造函数的返回类型决定返回新创建的对象还是构造函数的结果。这一过程涉及到JavaScript中对象的创建、原型链的设置以及this的使用。

1.先创建一个空对象
2.将空对象和构造函数通过原型链接起来
3.将构造函数的this指向空对象
4.根据构造函数返回的类型判断，如果是值类型，则返回的是一个对象，如果是引用数据类型，则返回这个引用数据类型

代码演示

function fun(age,name){
    this.age=age
    this.name=name
}
function created(fun,...args){
//1.先创建一个空对象
let obj={}
//2.将空对象和构造函数通过原型链接起来
Object.setPrototypeOf(obj,fun.prototype) //这个方法是为对象设置原型链
//3.将构造函数的this指向空对象
let result=fun.apply(obj,args)
//4.根据构造函数返回的类型判断，如果是值类型，则返回的是一个对象，如果是引用数据类型，则返回这个引用数据类型
return result instanceof Object ? result : obj
}
console.log(created(fun,18,'张三'))