生成10个按钮，每个按点击的时候弹出1-10（var与let）

哇哈哈矿泉水真好喝

于 2019-12-15 18:56:47 发布

阅读量247

点赞数

分类专栏： js编程题文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_42281924/article/details/103551844

版权

js编程题专栏收录该内容

0 篇文章

订阅专栏

本文探讨了JavaScript在ES6之前仅存在函数作用域的问题，并通过两个示例代码对比了使用var与let声明变量在循环中创建按钮并设置点击事件时的行为差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因：js是在es6之前是没有块作用域的，只有函数作用域。

<script>
    //写法1
    var i = 0;
    for (i = 1; i <= 10; i++) {
        (function(i) {
            var btn = document.createElement('button');
            btn.innerText = i;
            btn.onclick = function () {
                alert(i)
            }
            document.body.appendChild(btn);
        })(i)

    }
    //写法2
    for (let i = 1; i <= 10; i++) {
        var btn = document.createElement('button');
        btn.innerText = i;
        btn.onclick = function () {
            alert(i)
        }
        document.body.appendChild(btn);
    }
</script>