一个this指向题目记录

这篇博客详细解析了一个涉及JavaScript中this指向的题目,包括显式绑定、异步任务、绑定优先级(new绑定 > 显式绑定 > 隐式绑定 > 默认绑定)等知识点。内容涵盖new操作符的影响、bind、call方法的应用,以及同步与异步任务的执行顺序,强调了在不同场景下this的指向变化。
摘要由CSDN通过智能技术生成
var name = 'global';
var obj = {
    name: 'local',
    foo: function(){
        this.name = 'foo';
        console.log(this.name);
    }.bind(window)
};
var bar = new obj.foo();
setTimeout(function() {
    console.log(window.name);
}, 0);
console.log(bar.name);
 
var bar3 = bar2 = bar;
bar2.name = 'foo2';
console.log(bar3.name);

这个题的整体出题质量还是挺高的,首先咱们来把涉及到的知识罗列一下:

  1. bind 是显式绑定,会修改 this 指向,但 bind() 函数不会立即执行函数,会返回一个新函数
  2. setTimeout 是异步任务,同步任务执行完毕后才会执行异步任务
  3. 绑定优先级: new绑定 > 显式绑定 > 隐式绑定 > 默认绑定

解析

  • obj.foo 将它的 this 通过 bind 显式的绑定为 window,但 bind 不会立即执行
  • var bar = new obj.foo(): new 绑定优先级大于 bind
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值