2.new操作符

2.new操作符

  • new操作符具体做了那几件事?
    • 创建了一个空对象;
    • 将空对象的原型,指向于构造函数的原型;
    • 将空对象作为构造函数的上下文(改变this指向);
    • 对构造函数有返回值的处理判断。
    <script>
        function myNew(fn, ...args) {
            // 1.创建了一个空对象
            // 2.将空对象的原型,指向于构造函数的原型
            let obj = Object.create(fn.prototype);
            // console.log('第二步:', obj.__proto__ === fn.prototype);
            // 3.将空对象作为构造函数的上下文(改变this指向)
            let result = fn.apply(obj, args);
            // 4.对构造函数有返回值的处理判断
            // 当执行new fn()时 , fn里面可能有返回值
            // 如果返回值是个对象的话则直接返回,否则返回obj
            return result instanceof Object ? result : obj;
        }
        function Fun(age, name) {
            this.age = age;
            this.name = name;
            return {};
        }
        console.log(myNew(Fun, 20, 'xxx'));
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值