js学习过程--分析js执行结果

最新推荐文章于 2022-03-23 00:49:11 发布

天空中的星~

最新推荐文章于 2022-03-23 00:49:11 发布

阅读量280

点赞数

本文链接：https://blog.csdn.net/workhard0905/article/details/106265520

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js</title>
</head>
<body>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
</body>
</html>
<script>
    for (var i = 1; i <= 3; i++) {
        var ele = document.getElementById(i);
        console.log(ele)
        ele.onclick = function () {
            alert(i);
        }
    }
</script>

执行结果

控制台输出结果：

点击每个div都弹出4

分析原因：

没有块作用域的概念 i是全局变量点击执行的时候取元素的时候是准确的相对应的

添加的点击事件中的i是全局变量中的i，此时for循环已经执行完成 i变成了4

优惠劵

天空中的星~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习过程--分析js执行结果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包</title></head><body><div id="1">1</div><div id="2">2</div><div id="3">3</div></bo.
复制链接

扫一扫