JavaScript关键字this

Posted 2022-12-10 wangshouren

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