new操作符的实现原理

1.new是什么

定义: new操作符用于创建一个给定构造函数实例对象。

2.new操作符的执行过程

1.创建了一个空对象;

2.将空对象的原型,指向于构造函数的原型

3.将空对象作为构造函数的上下文(改变this指向)

4.对构造函数有返回值的处理判断,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象 。

3.手写流程,如果实现:

function Fun( age,name ){
    this.age = age;
    this.name = name;
}
function create( fn , ...args ){
    //1. 创建了一个空的对象
    var obj = {}; //var obj = Object.create({})
    //2. 将空对象的原型,指向于构造函数的原型
    // Object.setPrototypeOf(obj,fn.prototype);
    obj.__proto__ = fn.prototype;
    //3. 将空对象作为构造函数的上下文,改变this指向,即obj绑定到构造函数上,便可以访问构造函数中的属性,即obj.fn(args))
    var result = fn.apply(obj,args);
    //4. 对构造函数有返回值的处理判断
    // 如果返回的result是一个对象则返回
    // new方法失效,否则返回obj
    return result instanceof Object ? result : obj;
}
// 测试一下
console.log( create(Fun,18,'张三')   )

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值