总结点:
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的指向十分清晰了吧
- 箭头函数能够用call来扭转this指向吗?
不能!! 试图扭转箭头函数的this是徒劳的。
var fn = () => {console.log(this);}fn.call(document); // 仍然打印window