this指向问题、new的过程

This的指向规则:

  • 谁调用就指向谁。
  • 事件监听函数内部,this会指向监听的那个元素节点。
  • 在构造函数中,this指向New出来的新对象。
  • 对于箭头函数,自身没有变量,所有指向环境中的this。
  • 如果一个函数没有被调用,也就是普通调用,this指向全局变量。
  • 在严格的情况下,this为Undefined。

New实例化过程

  1. 创建一个空的对象。
    例如:
    let obj = { }

  2. 将该对象的 _ _ proto _ _指向类的原型对象。

  3. 绑定该函数内部的this,指向这个对象。

  4. 执行这个函数并且将this作为返回值返回。

call实现不传参对象

<script>

    function myNew(fn) {
        // 以构造函数fn的prototype为原型 创建一个新的简单对象
        let A = Object.create(fn.prototype)
        // 改变fn的this指向到A,并执行fn
        let B = fn.call(A);

        // 如果构造函数没有返回对象,则返回A
        if (typeof B === 'object') {
            return B;
        } else {
            return A;
        }
    }

</script>

apply传参

<script>
    
    function myNew(fn, ...args) {
        // 以构造函数fn的prototype为原型 创建一个新的简单对象
        let A = Object.create(fn.prototype)
        // 改变fn的this指向到A,并执行fn
        let k = fn.apply(A, args);

        // 如果构造函数没有返回对象,则返回A
        if (typeof k === 'object') {
            return k;
        } else {
            return A;
        }

    }
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值