Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
621 views
in Technique[技术] by (71.8m points)

当for循环里有名为onclick函数时,window会被加上点击事件, 为什么 ???

<script type="text/javascript">
for (var i = 0; i < 3; i++) {
    function onclick(e) {
        document.write(222)
    }
}
</script>

点这里测试

如上代码,会被加上点击事件,莫名奇妙

而且将onclick不放在for循环里时,并没有这个现象


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

这似乎是2个问题:

step1. 块级作用域内定义函数,相当于使用var定义一个函数

阮一峰 es6 中有提及
image.png

那么代码可以看成

var onclick = function (e) {
    document.write(222)
}
for (var i = 0; i < 3; i++) {
    
}

step2. var定义变量相当于在添加全局属性(window.x

那么,就得到如下代码

window.onclick = function (e) {
    document.write(222)
}
for (var i = 0; i < 3; i++) {
    
}

显而易见,这个就是给window绑定事件了
应该就是这2个原因了


ps: 我查了下window.xvar x的区别

@scort 提及,唯一的确保在于configurable属性,这就是为什么var定义的变量使用delete window.x删除
image.png

MDN对configurable的描述
image.png


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...