执行以下程序,下列选项中,说法正确的是()
<button>点击</button>
<script>
function a(){
console.log(1);
return function b(){
console.log(2);
}
}
var btn = document.querySelector('button');
btn.onclick = a(); ...①
btn.onclick = a; ...②
</script>
A
若注释①,则执行结束后会输出1,当用户点击button按钮时,输出2
B
若注释①,则执行结束后不会有输出,当用户点击button按钮时,输出1
C
若注释②,则执行结束后不会有输出,当用户点击button按钮时,输出1
D
若注释②,则执行结束后输出1,当用户点击button按钮时,不会有任何输出
正确答案:B
注释①式,执行②式,执行效果表现为在用户触发点击事件时执行事件处理函数a,输出1,并不会执行return后的语句,B选项正确,A选项错误;
注释②式,执行①式,执行效果表现为不管用户有没有触发事件,都会先执行事件处理函数a,输出1,然后将a的返回值作为用户触发事件的处理函数,相当于btn.onclick = b,当用户触发点击事件时,执行函数b,输出2,CD选项均错误
闭包返回的是个方法,所以1式其实是btn.onclick=b();b没有执行,2式是方法体
标签:闭包,输出,btn,button,点击,onclick,执行 From: https://www.cnblogs.com/longmo666/p/17829248.html