动态给element绑定onclick方法的问题

最新推荐文章于 2024-04-05 06:42:51 发布

凯迪blak

最新推荐文章于 2024-04-05 06:42:51 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：知识点文章标签： js web前端块作用域

本文链接：https://blog.youkuaiyun.com/Scryhuaihuai/article/details/82909592

知识点专栏收录该内容

10 篇文章

订阅专栏

本文通过实例探讨JavaScript中常见的闭包与作用域问题，包括变量提升、块级作用域及函数作用域的特性。展示了如何利用自执行函数和let关键字解决循环中事件绑定的闭包问题。

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

var btns = document.getElementsByTagName('button');
    for(var i = 0;i<btns.length;i++){
        var btn = btns[i];
        btn.onclick=function(){
            console.log(i);//点击两个按钮都会打印1
        };
    }

    //使用自执行函数的方式解决
    for(var i = 0;i<btns.length;i++){
        var btn = btns[i];
        (function(i){
            btn.onclick=function(){
                console.log(i);//点击两个按钮分别打印0 1
            };
        })(i);
    }

    //使用let定义i，let定义的变量在块作用域里有效
    for(let i = 0;i<btns.length;i++){
        var btn = btns[i];
        btn.onclick=function(){
            console.log(i);//点击两个按钮分别打印0 1
        };
    }