js中this的指向

指向调用者

通常情况下,函数的this会指向他的调用者

function foo() {
  console.log(this)
}
foo() //等于window.foo(),调用者是window所以this指向window

const obj = {
  foo: foo
}
obj.foo()//调用者是obj所以this指向obj

## new指向实例
使用new 构造函数()模式,this会指向生成的实例
```javascript
let a=new Foo();

箭头函数

箭头函数内部没有this所以bind,call,apply不能用于箭头函数,那么如果在箭头函数内部使用this,箭头函数内的this就是包裹箭头函数的第一个普通函数的this.
bind,call,apply是将函数本身的this指向第一个参数

function a() {
  return () => {
    return () => {
      console.log(this)
    }
  }
}
console.log(a()()())

根据箭头函数this定义,this指向的是方法a,方法a是window调用的,所以箭头函数内部的this是window

bind,apply,call

bind,call,apply是将函数本身的this指向第一个参数,如果第一个参数为空,就是window

fn.bind(第一个参数也就是this的指向)
fn.call(第一个参数也就是this的指向,parma2,param3...)
fn.apply(第一个参数也就是this的指向,[parma2,parma3..])

混合优先级

实际开发中可能会遇到上述多个情况嵌套,这时this指向就根据优先级来确定
new>bind,apply,call>调用者
注意箭头函数的 this 一旦被绑定，就不会再被任何方式所改变。