执行以下程序,要求当用户点击按钮1秒后禁用按钮,以下选项的做法,不符合要求的是()
A
btn.onclick = function(){
var that = this;
setTimeout(function(){that.disabled = true;},1000)
}
B
btn.onclick = function(){
setTimeout(function(){this.disabled = true;},1000)
}
C
btn.onclick = function(){
setTimeout(()=>{
this.disabled = true;
},1000)
}
D
btn.onclick = function(){
setTimeout(function(){this.disabled = true;}.bind(this),1000)
}
正确答案:B
B选项,在定时器中,this指向window对象,而不是btn对象。而在定时器的同级作用域,this指代btn对象,ACD选项均是在定时器函数中使用该btn对象。
解决settimeout内部this指向window的三种解决方案
1.保存外部this
2.apply、call、bind绑定
3.箭头函数
this的指向问题。 A:用that来保存当前按钮的this B:回调函数执行时this指向了window C:箭头函数的this为外层的this,也就是按钮 D:用bind来绑定当前this