当前位置： 首页 > 资讯

为什么 for循环中 onclick() 事件的 i 值始终为循环结束后的结果？

发布日期： 2024-10-28 阅读量： 作者： 网络

为什么 for循环中 onclick() 事件的 i 值始终为循环结束后的结果？

for 循环中 onclick() 事件的 i 值始终为循环结束后的结果

在给定的代码中，我们使用一个 for 循环来为页面上每个带有 ".box" 类的元素添加点击事件。根据预期，当每个框被点击时，应该在控制台中打印出该框在循环中的索引。然而，代码却总是打印出 3。

要理解这个问题，我们必须了解 javascript 中 var 的作用域规则。在你的代码中，var boxs 被声明为一个全局变量，这意味着它可以在脚本的任何位置访问。而 i 是在 for 循环内部使用 var 声明的，这意味着它被提升到全局作用域，但只在循环内部有效。

在 javascript 中，函数（包括事件处理程序）在创建时形成闭包。在这个闭包中，函数会捕获其所在作用域内声明的所有变量的引用。在你的情况下，onclick 函数捕获了 i 变量的引用。

然而，当循环执行时，i 的值会在每次迭代后更新。因此，当单击任何框时，执行的 onclick 函数会引用闭包中的 i 变量，此时 i 的值已经是循环最后执行后的值，即 3。

解决这个问题的方法是使用 let 或 const 关键字，它们可以限制变量的作用域只在声明它们的那个块或表达式范围内。在这种情况下，你可以将 for 循环内部代码改为：

for (let i = 0; i < boxs.length; i++) {
    boxs[i].onclick = function () {
        console.log(i);
    }
}

# 作用域 # 点击事件

相关文章：淘宝竞价推广怎么操作？淘宝店铺适合做竞价推广吗？如何才能做好网站的推广和运营？需要掌握这6个能力！广告点击赚钱的原理是什么？如何通过点击广告赚钱？四个不耽误上班的网上兼职赚钱副业分享网站推广过程中，相关性权重与url权重对于网站权重的重要性个人网站赚钱该怎么做？网赚小白们必看的广告联盟赚钱思路！信息流广告是什么意思？可以推广app产品广告吗？掌握这10个免费的app推广方法，app想没流量都难！怎样才能做好微信营销？26个微信营销技巧和方法请收好！什么是高佣联盟，高佣联盟赚钱靠不靠谱？想让别人认识你？品牌推广这些套路你会吗？分享10个很火的淘客联盟赚钱渠道，副业搞起来！全网营销的6大方式，你都知道吗？箱包怎么做网络推广,箱包免费发布推广的平台企业是如何做网络推广的？网络推广的步骤 app推广运营该怎么做，需要注意哪些问题？ cpa引流se粉的绝密方法分享，不看绝对后悔！国外广告联盟是什么？该怎么做？二手回收广告推广,二手回收免费b2b网站大全兴趣部落+qq空间引流推广cpa联盟产品日赚1000+玩法分享！淘宝店铺推广方法大全，有哪些推广方法？ cps联盟有哪些类型？如何选择适合自己的cps联盟赚钱？教你一个日赚500+的cpa广告推广方法，另类游戏cpa推广！三种可以利用广告联盟来赚钱的方法，你知道吗？盘点美宝莲护肤品利用百度推广的关键词 cpa推广之利用微信引流吸粉的四个方法怎样提升网站流量与排名？网站推广公司来分享（下）广告联盟评测网是干什么的？上面的联盟测评和评价都真实可靠吗？互联网时代的全网营销应该怎么做？

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2402 】【 SEO推广2248 】

上一篇: Windows7快速切换窗口的三种方法是什么

下一篇: windows如何关闭自动更新

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发