总结一下js的this指向的问题

  1. 全局环境下的this

    1. 严格模式下是undefined
    2. 非严格模式下是window
  2. 上下文对象调用

  3. bind/call/apply改变this指向

    1. 区别:
      1. bind不会立即调用,而是返回一个新函数(绑定函数),其内的this指向为创建它时传入bind的第一个参数,而传入bind的第二个及以后的参数作为原函数的参数来调用原函数。
  4. 构造函数和this

    1. new操作符调用构造函数,具体做了

      1. 创建一个新的对象

      2. 将构造函数的this指向这个新的对象

      3. 为这个对象添加属性和方法

      4. 最终返回新的对象

      5. 1234步可以用代码表示

        var obj  = {}
        obj.__proto__ = Foo.prototype
        Foo.call(obj)
        
        如果构造函数中显式返回一个值,且返回的是一个对象,那么 this 就指向这个返回的对象;如果返回的不是一个对象,那么 this 仍然指向实例。
        
  5. 箭头函数的this指向

    1. 箭头函数的this,根据上下文的作用域来决定的
  6. this的优先级【显比隐高,new 比bind高】

    1. 显式绑定【call、apply、bind、new】

    2. 隐式绑定【根据调用关系确定的 this

    3. 使用 const 声明的变量不会挂载到 window 全局对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值