总结点:

1. 所有的this关键字,在函数运行时,能力确定它的指向
2. this所在的函数由哪个对象调用,this就会指向谁
3. 当函数执行时,没有明确的调用对象时,则this指向window


呈现场景总结:

  • 浏览器环境中,全局this指向window
  • 一般函数中,this指向window
  • 定时器函数中,this指向window
  • 对象办法中,this指向实例对象
  • 构造函数中,this指向实例对象
  • 事件处理函数中,this指向事件源
  • 箭头函数中,没有this;如果应用this,则把this当做一般变量看待,而后按作用域去查找即可

如何判断箭头函数的this?

因为箭头函数不具备本人的this,所以非常简单,伪装它不存在,就像这样:

var obj = {     show: function(){     setTimeout(()=> {        console.log(this);      },0),}}

这下this的指向十分清晰了吧

  1. 箭头函数能够用call来扭转this指向吗?

不能!! 试图扭转箭头函数的this是徒劳的。

var fn = () => {console.log(this);}fn.call(document); // 仍然打印window