JavaScript中this指向的问题(学习总结)

前情提要:在研究防抖节流函数的时候突然发现自己对函数中出现的this指向不太明确,所以就去研究了一下this指向的问题,做个总结,加深记忆。
函数:函数调用的时候除了有我们能看到的传入的参数,还有两个隐式参数this和arguments(类数组)
先决条件:明确函数调用的几种方式,这样对理解this指向有很大帮助。

  • 作为函数调用 ---- fun() ---- 默认绑定
  • 作为方法调用 ---- obj.fun() ---- 隐式绑定
  • 作为构造函数调用 ---- new People() ---- new绑定
  • 通过call、apply调用 fun.call()、fun.apply() ---- 显式绑定(forEach、map、filter的第二个参数也是显式绑定)
  • 箭头函数

this指向
this的调用方式影响this指向(this永远指向最后调用他的对象)

  • 作为函数调用
    • 在非严格模式下,this指向window;
    • 在严格模式下,this指向undefined;
  • 作为方法调用
    • this指向调用他的那个对象;
  • 作为构造函数调用
    • this指向new操作符实例化出来的对象;
  • 通过call和apply调用的
    • this指向call、apply、bind的第一个参数(这里特别注意如果第一个参数不存在或者为null、undefined的话,会忽略这个参数,this指向同默认绑定,函数作为函数调用);</
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值