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

发布时间 2023-11-10 18:00:32作者: 龙陌

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