闭包返回的是个方法,所以1式其实是btn.onclick=b();b没有执行

发布时间 2023-11-13 15:27:05作者: 龙陌

执行以下程序,下列选项中,说法正确的是()

<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式是方法体