JavaScript关键字this

this

  • 事件绑定,方法中的this都是当前操作的元素本身
  • 函数执行,看函数前面是否有点,有的话,点前面是谁THIS就是谁,没有点,this是WINDOW(在JS的严格模式下,没有点this是UNDEFINED
  • 构造函数执行,this一般都是当前类的实例
  • 箭头函数中没有自己的this,this是上下文中的this
  • 在小括号表达式中,会影响this的指向
  • 使用call/apply/bind可以改变this指向,非严格模式下call/apply/bind第一个参数不写或者写null和undefined,this都是window,严格模式下写谁this就是谁,不写是undefined

改变this指向

  • call:[fn].call([this],10,20,30,...)

  • apply:fn.apply([this],[10,20,...])

    和call差不多,唯一区别在于传参方式,apply把需要传递 给fn的参数放到一个数组(或类数组)中。

  • bind:document.onclick=fn.bind(obj)

    和call语法一样,唯一区别在于立即执行还是等待执行把fn中的this预处理为obj,此时fn没有执行,当点击的时候才会把fn执行

猜你喜欢

转载自www.cnblogs.com/wangshouren/p/11615845.html