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;
}
相关推荐
MessiGo11 小时前
Javascript 编程基础(5)面向对象 | 5.1、构造函数实例化对象
开发语言·javascript·原型模式
勤奋的知更鸟12 小时前
Java编程之原型模式
java·开发语言·原型模式
じ☆ve 清风°2 天前
JavaScript 原型与原型链:深入理解 __proto__ 和 prototype 的由来与关系
开发语言·javascript·原型模式
产品设计大观3 天前
拆解实战案例:电商ERP管理系统从需求到原型全流程设计
产品经理·原型模式·erp·墨刀·erp系统·原型设计·电商erp系统
_r0bin_4 天前
前端八股之JS的原型链
原型模式
将编程培养成爱好4 天前
《复制粘贴的奇迹:小明的原型工厂》
c++·设计模式·原型模式
独步炎凉的大彬5 天前
new操作符具体做了什么
开发语言·javascript·原型模式
linux-hzh10 天前
设计模式之原型模式
设计模式·原型模式
on the way 12310 天前
创建型设计模式之Prototype(原型)
设计模式·原型模式
秋田君13 天前
深入理解JavaScript设计模式之原型模式
javascript·设计模式·原型模式