js中的new方法

new方法的作用:创建一个实例对象,并继承原对象的属性和方法;

new对象内部操作:

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

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

3,执行构造函数中的代码;

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

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

手写实现new:

javascript 复制代码
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;
}
相关推荐
bmseven2 天前
23种设计模式 - 原型模式(Prototype)
设计模式·原型模式
Amumu121386 天前
Js: 构造函数、继承、面向对象
原型模式
砍光二叉树7 天前
【设计模式】创建型-原型模式
设计模式·原型模式
RFCEO8 天前
JavaScript基础课程十四、原型与原型链(JS 核心底层)
开发语言·原型模式·prototype原型详解·javascript基础课·构造函数原型方法定义与使用·js原型链继承机制入门·t原型链顶层null原理
new code Boy9 天前
前端核心基础汇总
开发语言·javascript·原型模式
爱写bug的野原新之助9 天前
爬虫之补环境脚本:脱环境
javascript·爬虫·原型模式
承缘丶11 天前
使用http调用Kettle资源库中的ETL任务
原型模式
夕珩15 天前
单例模式、原型模式、工厂方法模式、抽象工厂模式、建造者模式、解释器模式、命令模式
单例模式·解释器模式·建造者模式·工厂方法模式·抽象工厂模式·命令模式·原型模式
TON_G-T16 天前
JavaScript 原型与原型链
开发语言·javascript·原型模式
蜜獾云16 天前
设计模式之原型模式:以自己为原型,自己实现自己的对象拷贝逻辑
java·设计模式·原型模式