JS中this的一些个人理解

本文详细探讨了JavaScript中this的概念,包括它的定义、指向规则、特殊情况以及如何改变this的指向。重点介绍了在不同调用场景下this的指向,如全局环境、对象方法、事件处理和构造函数,并详细阐述了call、apply、bind方法的使用和区别。同时,提到了bind方法在创建绑定函数时的作用,以及多次bind的无效性。最后,作者强调了在需要延迟执行或改变上下文时使用bind的重要性。
摘要由CSDN通过智能技术生成

JS this指向问题

1. 定义:

在函数运行时,自动生成的一个内部对象,只能在函数内部使用。this的指向是确定不了的,只有在函数执行的时候才能确定this到底指向谁?这表明this只与函数的执行环境有关,与函数的声明环境无关。

2. 需要知道的一些知识:

  • 全局变量默认挂载在window对象下
  • 一般情况下this指向他的调用者
  • es6的箭头函数中,this指向创建者,而不是调用者
  • 通过call,apply,bind可以改变this的指向

3. 到底指向谁:

  • 1.在函数调用时:
    • 非严格模式下this指向window;严格模式下this指向undefined
  • 2.作为对象方法调用时时:
    • this指向对象本身。
  • 3.在html中作为事件触发时:
    • this指向事件源.
  • 4.new关键字(构造函数)
    • this指向实例对象
  • 5.es6(箭头函数)
    • this指向创建者而不是调用者。

4. 改变this指向:

call,bind,apply。

call

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值