this指向的一点整理（整理源于《前端面试之道》）

如何正确判断 this？箭头函数的 this 是什么？

function foo() {
  console.log(this.a)
}
var a = 1
foo()//对于直接调用 foo 来说，不管 foo 函数被放在了什么地方，this 一定是 window

const obj = {
  a: 2,
  foo: foo
}
obj.foo()//对于 obj.foo() 来说，谁调用了函数，谁就是 this， foo 函数中的 this 就是 obj 对象
const c = new foo()//对于 new 的方式来说，this 被永远绑定在了 c 上面，不会被任何方式改变 this。

箭头函数其实是没有 this 的，箭头函数中的 this 只取决包裹箭头函数的第一个普通函数的 this。另外对箭头函数使用 bind 这类函数是无效的。

对一个函数进行多次bind,this 永远由第一次 bind 决定,这里是window.

// fn.bind().bind(a) 等于
let fn2 = function fn1() {
  return function() {
    return fn.apply()
  }.apply(a)
}
fn2()

多个规则同时出现的情况，这时候不同的规则之间会根据优先级最高的来决定 this 最终指向哪里。

箭头函数的 this 一旦被绑定，就不会再被任何方式所改变。

 

 

优先级别：

(new>bind>obj.foo()>foo直接调用)

 

var obj={
fn:function(){
setTimeout(function(){//setTimeout是全局函数
console.log(this);
});
}
}
obj.fn();//window