js中的new方法

shidouyu

于 2023-10-17 21:08:37 发布

阅读量817

点赞数

文章标签：原型模式

本文链接：https://blog.youkuaiyun.com/shidouyu/article/details/133884145

版权

本文详细解释了new方法的工作机制，包括创建新对象、原型链继承、构造函数执行过程，并提供了一个自定义new_函数的实现，展示了如何手动实现隐式原型继承。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

new方法的作用：创建一个实例对象，并继承原对象的属性和方法；

new对象内部操作：

1，创建一个新对象，将新对象的proto属性指向原对象的prototype属性；

2，构造函数执行环境中的this指向新对象；

3，执行构造函数中的代码；

4，若构造函数返回的是一个对象则返回此对象，若非，则返回新创建的对象；

此过程完成了创建对象、对象继承、属性初始化过程，被称为隐式原型继承；

手写实现new：

function new_(Constructor,args){
    var obj = Object.create(null);// 创建一个新对象
    obj.__proto__ = Consturct.prototype;// 将旧对象原型赋值给新对象
    var result = Constructor.apply(obj, args);// 将this指向新对象
    return typeof result === 'object' ? result : obj;
}