在setTimeOut()
或setInterval()
这样的方法中,如果传入的函数包含this
,那么,默认情况下,函数中的this
会指向window
对象。这是由于setTimeout()
调用的代码运行在与所有函数完全分离的执行环境上。这回导致这些代码中包含的this
关键字会指向window
对象。如下图:
下面那个this
就是setInterval()
中this
指向。
this
存为一个变量定时器内部的函数来访问到这个变量,此时的this
,就指向了当前对象
function broadInter(){
var that = this;
setInterval(function(){
console.log(that.msg);
},1000);
}
function broadInter(){
setInterval(function(){
console.log(this.msg);
},1000)
}
ES6中的箭头函数,this总是指向词法作用域,也就是外层调用者obj
,因此利用箭头函数就可以轻松解决这个问题
function broadInter(){
setInterval(()=>{
console.log(this.msg);
},1000)
}
this
指向的是什么?new
中调用(new
绑定),如果是,那么this绑定的是新创建的对象。call
,apply
调用,或者使用了bind
(即硬绑定),如果是,那么this绑定的就是指定的对象。obj.foo()
。null
或者undefined
作为this
的绑定对象传入call
、apply
或者bind
,这些值在调用时会被忽略,实际应用的是默认绑定规则。this
。