使用 let 解决for 循环闭包 i变量问题

最新推荐文章于 2022-09-26 20:13:59 发布
最新推荐文章于 2022-09-26 20:13:59 发布
阅读量4.3k 收藏
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ISaiSai/article/details/52237930
版权

当let块范围变量出现后，可以方便解决 for循环i变量绑定问题，demo 如下 

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>let 解决for 循环闭包变量问题</title>
    <script type="text/javascript"> 
        function init() {
            var pAry = document.getElementsByTagName("p");
            for (let i = 0; i < pAry.length; i++) {
                pAry[i].onclick = function () {
                    alert(i);
                }
            }
        }
    </script>
</head>
<body onload="init();">
<p>产品一</p>

<p>产品二</p>

<p>产品三</p>

<p>产品四</p>

<p>产品五</p>
</body>
</html>

参看文档 http://www.cnblogs.com/syf/archive/2012/10/04/2711828.html
https://msdn.microsoft.com/zh-cn/library/dn263046(v=vs.94).aspx
http://www.108js.com/article/article1/10177.html?id=899
函数内部访问了与函数同级的变量，那么该变量是常驻内存的。访问该变量实质上是访问的是变量的地址；

ISaiSai
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
for循环中使用let定义变量问题记录
ma33xiao的博客
11-14 317
for循环中使用let定义变量问题记录
for循环嵌套
weixin_33962621的博客
07-28 66
#!/bin/bashfor (( i = 1 ; i < 10; i++ ))do for (( j = 1; j <= i; j++ )) do let "sum = i * j" echo -n "$i*$j=$sum " done echo...
for 循环 同步异步输出 0 1 2 3 4 （闭包立即执行函数、let）
qq_25131799的博客
08-11 1555
// 1. for 循环 同步输出 0 1 2 3 4 for (var i = 0;i &lt; 5; i++){ console.log('1:' + i); // 0 1 2 3 4 } console.log(`console.log i:${i}`); // 5 // 2.for 循环 setTimeout 异步回调函数 不能异步输出 0 1 2 3 4 for (var...
es6 let for循环
_B a OG 的博客
04-10 1760
具体 要先看 这个 然后看 这个 然后看 这个 一扫而过 这个 个人理解： es6写法 以及 babel转译后的代码： for (let i = 0; i < 3; console.log(i),i++) { console.log(i); let i = 'abc'; console.log(i); } /*-------------babel--------*/ for ...
for循环立即执行和不立即执行，js闭包
01-04 166
<script type="text/javascript" src="jquery-2.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ /**for循环立即执行（i值挨个变化，已经执行），for...
javascript 常见的闭包问题的解决办法
10-29
JavaScript中的闭包是一种强大的特性...通过使用IIFE或者将变量绑定到`this`或`let`关键字声明的块级作用域，可以有效地避免这类问题。在实际编程中，熟练掌握这些技巧对于编写可维护且无bug的JavaScript代码至关重要。
深入理解ES6中let和闭包
08-28
例如，下面的代码中，使用let关键字声明的变量i是绑定到for循环的块级作用域中的： ``` let arr=[]; for(let i=0;i;i++){ arr[i]=function(){ return i; } } console.log(arr[3]());//3 ``` 在这个例子中，每个...
详解ES6之用let声明变量以及let loop机制
08-29
在上面的示例中，我们使用 let 声明变量 i，然后在循环中使用该变量。最后，我们可以看到，输出的结果为 0、1、2、3、4，而不是 5。这是因为 let 声明变量在每次循环中都会产生一个新的块级作用域，从而实现了闭包的...
动态循环给onclick赋值(解决闭包问题)
08-15
通过这些方法，我们可以确保每个事件处理函数都能够正确地访问到循环中的变量，从而解决闭包问题。了解并熟练掌握闭包和动态事件绑定是JavaScript开发者必备的技能，这对于编写高效、无bug的代码至关重要。在实际...
let解决的闭包问题
weixin_45846805的博客
06-26 1488
闭包在Javascript里面是很重要的一个环节，下面看一个简单的例子 var f = function(){ var i = 0; return function(){ i++; console.log(i) } } var s = f(); s();//1 s();//2 s();//3 闭包简单来说，就是函数f内的变量 i 被外部函数s引用到了，而且i不能释放，一直在内存中，形成了闭包 <ul> <li>1</
JavaScript变量篇01-1：for循环中的var和let
发果叁
09-26 3928
1.在for循环中使用var声明来初始化的话，循环变量会暴露在和for循环同一作用域下，导致循环结束后还能访问到循环变量，且访问到的变量值是经过循环迭代后的值。2.解决这个问题的方法如下：* 使用闭包将循环变量的值作为局部变量保存起来；* 使用ES6的let声明，将循环变量的作用域限制在for循环内部，初始化变量始终是for循环的局部变量，不能在外界被访问到。环变量会暴露在和for循环同一作用域下，导致循环结束后还能访问到循环变量，且访问到的变量值是经过循环迭代后的值。
关于For循环中将let替换成var的原因，我觉得这是最好的回答
WebView
01-05 733
for 循环中的 let 声明 在 let 出现之前，for 循环定义的迭代变量会渗透到循环体外部： for (var i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // 5 改成使用 let 之后，这个问题就消失了，因为迭代变量的作用域仅限于 for 循环块内部： for (let i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // ReferenceError: i 没有定义 在.
闭包问题 let实现
水月夜的博客
03-19 3339
之前有了解过很多闭包知识，还算清楚概念。 闭包就是能够读取其他函数内部变量的函数。 通常情况下，js函数的外部是无法读取函数内部的变量，但是函数内部可以读取函数外部的变量。而有时候，我们会需要得到函数内部的局部变量，就需要用到闭包。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。 简单的说，Javascript允许使用内部函数—即函数定义和
for循环中的var和let的区别
mm
08-24 6854
for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i) // 3s 后输出 3次3 }, 30 * 100) console.log(i) // 先输出 0 1 2 } 1、这道题涉及到了异步、作用域、闭包： settimeout是异步执行，...
关于 let 避免闭包带来的问题
zhang6223284的博客
05-07 1667
今天晚上做了一下阿里校园招聘在线模拟笔试，有一道编程题是下面这样的 利用面向对象思想完成买家信息删除功能，每一条信息包含： 姓名 电话 电话号码 省份 实现以下要求： 不能借用任何第三方库，需要使用原生代码实现。 结合给出的基本代码结构，在下方2处code here补充代码，完成买家信息的删除功能，注意此页面要在手机上清晰显示。 ...
JS中for循环变量作用域
热门推荐
kai_l的专栏
03-17 2万+
var a=[]; for(var i = 0;i<10;i++){ var q = i; a[i]=function(){console.log(q)} } a[0]() 其中，由于for循环并不是一个函数体，所以for循环中定义的变量q和i是作用域for循环所在的函数体，和a同级， i++ 和 q=i 并不是重新定义变量，只是重复赋值，最终循环结束，i = 10,q=9;
let在for循环里的作用域
weixin_36599538的博客
11-21 570
var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); 执行方法打印出的i是指向全局的i 就是执行最后一次的i的值10 var a = []; for (let i = 0; i < 10; i++) { a[i] = funct...
for(let i in arr)有坑
qq_39976615的博客
08-26 720
先用标准的for(let i=0;i<arr.length;i++), 之后搞清楚原因再补这篇文章
如何解决闭包导致的问题
最新发布
06-12
由于循环中的变量会被多次赋值，因此在闭包中使用循环变量会导致变量值不确定，从而引发错误。可以使用let或const关键字定义变量，或者使用立即执行函数(IIFE)将循环变量传递给内部函数。 2. 及时释放闭包。当不再...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值