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执行