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;
}
相关推荐
找不到、了4 天前
Java设计模式之《原型模式》--深、浅copy
java·设计模式·原型模式
阿维的博客日记20 天前
@Scope(value = WebApplicationContext.SCOPE_REQUEST)和@Scope(“prototype“)区别
原型模式
果粒chenl20 天前
06-原型和原型链
前端·javascript·原型模式
谢尔登20 天前
【JavaScript】手写 Object.prototype.toString()
前端·javascript·原型模式
源代码•宸20 天前
深入浅出设计模式——创建型模式之原型模式 Prototype
c++·经验分享·设计模式·原型模式
zhysunny20 天前
05.原型模式:从影分身术到细胞分裂的编程艺术
java·原型模式
long_mingyue1 个月前
JavaScript 对象操作、继承与模块化实现
javascript·原型模式·xss
x_SpiderMan1 个月前
XSS原型与原型链
前端·原型模式·xss
淦暴尼1 个月前
认识ETL流程:数据工程的基石
数据仓库·etl·原型模式
晓13131 个月前
JavaScript进阶篇——第八章 原型链、深浅拷贝与原型继承全解析
开发语言·javascript·原型模式