执行以下程序，要求当用户点击按钮1秒后禁用按钮，以下选项的做法，不符合要求的是（）

执行以下程序，要求当用户点击按钮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

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/17824714.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！