javascript 之this

定义: this的指向在函数定义的时候是无法确定的,只有在函数执行的时候才能确定this 到底指向谁,实际上this的最终指向的是那个调用它的对象. 但是这样的理解在某些情况下是不对的

this永远指向的是最后调用它的对象,也就是最后的调用者才是this指向的对象

this 的传递:

  • 隐式传递
    • 最终的调用者就是this对象
    function func() {
        console.log(this); // window
    }
    var v = {};
    func(); // 所有的对象都是建立在window 对象之下的 window相当于顶级的容器对象

    var o = {
        func:function (){
            console.log(this); // o
        }
    }
    o.func();
  • 显示传递
    • 将this对象传递给函数

    function func(a){
        console.log(this); // { '1': 'x' }
        console.log(a); // xxx
    }
    var aa ={1:"x"};
    func.call(aa,'xxx'); // 这里的call 就是显示的将this 对象传递过去
  • 强制绑定
    • 将外部的对象强制的绑定到目标的this 对象上产生一个新的函数对象返回
    function func(a){
        console.log(this); 
        console.log(a); 
    }
    var aa ={1:"x"};
    func.call(aa,'xxx')

    var bb  = {xx:"xcccc"};
    // 强制的重新绑定
    var ba= func.bind(bb);
    ba('mmm');

    // 输出
    { '1': 'x' }
    xxx
    { xx: 'xcccc' }
    mmm
  • 优先级
    • 强制传递 > 显示传递 > 隐式传递
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值