首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js动态绑定事件,无法使用for循环中变量i的问题

❝小闫语录:我一直在幻想,那些伟大的预言家都来自未来,那些畅销小说家都是真实经历过... ❞ 每天不是在写 bug,就是在解 bug 的路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选...』 1.问题描述 在一个 for 循环中,我动态给一堆 a 标签绑定 onclick 事件时,发现点击事件不正确。...但是上述代码点击每一个链接总是弹出一个值,而且还是个不正常的值。之所以说它不正常,是因为上面我获取到了 5 个标签,正常下标应该到 4 结束,但是总是弹出 5 ????...调用时,发现内部没有定义变量 i ,所以就去外面找一下,发现外层有,就取外层的值了,但是为什么是 5 呢?...那是因为 for 循环的结束条件是 i 不满足 i变量 i 的值就是 5,匿名函数到外层取值正好取到了它。

3.9K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    我的javascript学习之路_01之js基础1JavaScript的简介JavaScript的使用JavaScript输出javascript语句JavaScript注释JavaScript变量J

    JavaScript 很容易使用!你一定会喜欢它的! 这是W3C上介绍JavaScript的四句话,JavaScript的语言类型,作用,用途,地位,特点等。...; 变量的声明简单,var关键字。变量是存储信息的容器。 在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。...变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。...变量必须以字母开头 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做) 变量名称对大小写敏感(y 和 Y 是不同的变量) JavaScript数据类型 JavaScript拥有动态类型。...;JavaScript的语句与注释与Java语言和c语言基本相同;JavaScript变量的声明使用;JavaScript的数据类型主要有7种,数字,字符串,数组,布尔,对象,null,undefined

    1.5K20

    Javascript中的局部变量、全局变量的详解与var、let的使用区别

    前言 Javascript中的变量定义方式有以下三种方式: 1、直接定义变量,var与let均不写; a = 10; 2、使用var关键字定义变量 var a = 10; 3、使用let关键字定义变量...JavaScript全局变量和局部变量又是什么呢? 可以带着这两个问题往下看。 变量的作用域 变量是有作用域的,大多数语言中的变量的作用域都有全局变量和局部变量之分。...得出结论: 在函数体外使用var关键字定义的变量和在函数体内未用任何关键字声明的变量是全局变量,在函数体内使用var关键字声明的变量是局部变量。...var声明的全局变量和局部变量同名 我们建立一个文件test2.html,从中输入以下代码: javascript"> //在函数外使用var关键字声明变量...下面介绍一下变量提升: 在函数体内变量声明总会被解释器”提升“到函数体的顶部, 那么上面的代码,会变成如下情况: javascript"> //在函数外使用

    3.2K20

    别在不知道临时死区的情况下使用 JavaScript 变量

    对于变量在 JavaScript 中的工作方式非常重要。 1.什么是临时死区(Temporal Dead Zone) 让我们从一个简单的 const 变量声明开始。...JavaScript中的临时死区 TDZ(Temporal Dead Zone)语义禁止在声明变量之前访问变量。它强制执行纪律:在声明之前不要使用任何东西。 2....2count; // throws `ReferenceError` 3 4let count; 5 6count = 10; 同样,仅在声明后使用 let 变量: 1let count; 2 3//...但是当与临时死区中的变量一起使用时,typeof 运算符有着不同的行为。...结论 TDZ 是一个重要概念,会影响 const,let 和 class 语句的可用性。不允许在声明前使用变量。 当你可以在声明之前使用 var 变量时,它们会继承旧的行为。你应该避免这样做。

    75520

    前端开发中真的没用到闭包嘛?九个日常案例了解常用闭包

    闭包(Closure) 是 JavaScript 中一个非常重要的概念,它涉及到函数、作用域以及变量的生命周期。...变量的共享问题:如果在多个闭包中共享变量,可能会产生预期之外的行为,因此要小心作用域链的使用。...在 Vue.js 中,闭包的使用并不像在 JavaScript 中直接调用函数时那么显而易见,但仍然有一些地方可以体现闭包的特性,主要体现在事件处理、计算属性、生命周期钩子和组件方法中。...计算属性背后也有闭包的实现:每当计算属性被访问时,它会闭包保存相关的响应式依赖,直到计算属性的值被更新。...9. vue v-for 循环中的闭包 在 Vue 的 v-for 循环中,也可能会使用闭包,尤其是当每个循环项都绑定了事件时。循环中的每个函数都会形成闭包,保存其循环上下文。

    7010

    理解JavaScript闭包机制

    介绍 JavaScript中的闭包是一种强大的概念,它允许我们在函数内部创建和访问私有变量,并且可以在函数外部继续使用这些变量。理解闭包的工作原理对于编写高质量的JavaScript代码至关重要。...闭包的应用场景 闭包在JavaScript中有许多实际应用场景,下面是一些常见的应用场景: 封装私有变量:通过闭包可以创建私有变量,避免全局命名冲突和变量污染。...虽然闭包在JavaScript中非常有用,但是在使用闭包时需要注意以下几点: 内存泄漏:由于闭包会保留对外部函数作用域的引用,如果闭包没有被正确释放,可能会导致内存泄漏问题。...性能问题:由于闭包会创建额外的作用域链,可能会导致一些性能问题,特别是在循环中频繁使用闭包时。...尽量避免在循环中创建大量的闭包函数,可以考虑将闭包函数移出循环,或者使用其他方式来实现相同的功能。 注意闭包函数中对外部变量的引用,确保不会无意间保留对不再需要的变量的引用。

    22020

    【ES】199-深入理解es6块级作用域的使用

    一.var 声明与变量提升机制 在JavaScript中使用var定义一个变量,无论是定义在全局作用域函数函数的局部作用域中,都会被提升到其作用域的顶部,这也是JavaScript定义变量的一个令人困惑的地方...100 我们可以使用let声明将变量i限制在循环中,此时再在循环作用域之外访问变量i就会报错了,因为let声明已经为循环创建了一个块级作用域。...如下: for(let i = 0;i < 100;i++){ //执行某些操作 } //报错 console.log(i); 6.循环中的创建函数 在使用var声明变量的循环中,创建一个函数非常的困难...for-of循环是es6的新增的循坏。。 7.全局作用域绑定 let,const声明与var声明还有一个区别就是三者在全局作用域中的行为。...8.块级绑定的最佳实践 在使用es6块级声明变量中,最佳实践是如果确定后续不会改变这个变量的值,用const声明,如果确定要改变这个变量的值,则用let声明。

    3.7K10

    【Java】循环语句for、while、do-while

    ,从而结束循 环,否则循环将一直执行下去,形成死循环。...①负责完成循环变量初始化 ②负责判断是否满足循环条件,不满足则跳出循环 ③具体执行的语句 ④循环后,循环条件所涉及变量的变化情况 循环练习:使用循环,计算1-100之间的偶数和...③具体执行的语句 ④循环后,循环变量的变化情况 输出10次HelloWorld do...while 循环的特点:无条件执行一次循环体,即使我们将循环条件直接写成 false ,也依然会循...原因是 for 循环结束,该变量就从 内存中消失,能够提高内存的使用效率。 在已知循环次数的时候使用推荐使用 for ,循环次数未知的时推荐使用 while 。...扩展知识点 2.1 死循环 死循环: 也就是循环中的条件永远为 true ,死循环的是永不结束的循环。例如: while(true){} 。

    6.8K10

    OushuDB-PL 过程语言-控制结构

    如果返回简单类型,那么可以 使用任何表达式,同时表达式的类型也将被自动转换成函数的返回类型,就像我们在赋值中描述的那 样。如果要返回一个复合类型的数值,则必须让表达式返回记录或者匹配的行变量。...LOOP LOOP定义一个无条件的循环,直到由EXIT或者RETURN语句终止。可选的label可以由EXIT和 CONTINUE语句使用,用于在嵌套循环中声明应该应用于哪一层循环。 2)....CONTINUE 如果没有给出label,CONTINUE就会跳到最内层循环的开始处,重新进行判断,以决定是否继续执行循 环内的语句。如果指定label,则跳到该label所在的循环开始处。...每次迭代name值自增1,但如果声明了REVERSE,name变量在每次迭代中将 自减1,见如下示例: LOOP -- do something EXIT WHEN count > 100; CONTINUE...循环,在该循环中可以遍历命令的结果并操作相应的数据,见如下示例: PL/pgSQL还提供了另外一种遍历命令结果的方式,和上面的方式相比,唯一的差别是该方式将SELECT 语句存于字符串文本中,然后再交由

    2.5K20

    一文讲透JavaScript闭包与立即执行函数表达式(IIFE)

    count就会在原来的基础上增加1。...在循环中使用闭包可以避免变量共享和作用域问题,确保在异步操作中使用正确的值。...通过使用闭包,我们解决了在for循环中使用异步操作所遇到的问题,确保了每次循环中的正确值被定时器回调函数所使用。这是一个非常常用的闭包应用场景。...在传统的for循环中,由于JavaScript中只有函数作用域和全局作用域,没有块级作用域,所以在循环体内部定义的变量会被循环体外部的代码共享,可能导致意想不到的结果。...需要注意的是,ES6引入了let和const关键字,它们具有块级作用域,可以直接在循环中定义新的变量,避免了使用IIFE的需求。

    1.2K41

    Kafka消费者的使用和原理

    给poll方法中传递了一个Duration对象,指定poll方法的超时时长,即当缓存区中没有可消费数据时的阻塞时长,避免轮循过于频繁。...因此我们可以组合使用两种提交方式。在轮循中使用异步提交,而当关闭消费者时,再通过同步提交来保证提交成功。...若未来得及提交,也会造成重复消费,如果还想更进一步减少重复消费,可以在for循环中为commitAsync和commitSync传入分区和偏移量,进行更细粒度的提交,例如每1000条消息我们提交一次:...再看第2、3步,记录poll的开始以及检查是否有订阅主题。然后进入do-while循环,如果没有拉取到消息,将在不超时的情况下一直轮循。...第5步,更新偏移量,就是我们在前文说的在进行拉取操作前会先检查是否可以进行偏移量提交。

    4.5K10

    JavaScript之模仿块级作用域

    简介:在JavaScript中没有块级作用域的概念。这意味这在块语句中定义的变量,实际上在包含函数中而非语句中创建的。...证明代码如下: function outputNumbers(count){ for(var i=0;icount;i++){ break; } alert(i...); } outputNumbers(3); //输出:0  下面来分析上面这个函数,上面的函数中定义了一个for循环,在Java,C#,C++等语言中,变量i只会在for循环中有定义,循环一旦结束,变量...i就会被销毁,可是在JavaScript中,变量是定义在outputNumbers的活动对象中的,因此从他有定义开始,就可以在函数的内部访问到它,即使你重新申明变量,只要不给变量赋值,他只会对后面的申明视而不见...alert(i); } outputNumbers(3); //输出:0 而JavaScript中的匿名函数可以用来模仿块级作用域并避免这个问题。

    78460

    ECMAScript6的历史和前景展望

    一是商标,Java 是 Sun 公司的商标,根据授权协议,只有 Netscape 公司可以合法地使用 JavaScript 这个名字,且 JavaScript 本身也已经被 Netscape 公司注册为商标...JavaScript的时候经常使用的声明变量用的 我们运行一下,再控制台看到输出 我们刷新一下也面会发现,这个时候输出的是40 再这边我们想说的是,再js中var这个使用的方式,可以重复的声明变量,和其他的编程语言来比较的话...并且使用var不可以限制变量,(也就是只有一种var的声明方式,没有常量的说法) 我们还可一看到,使用var没有办法区分使用区间 使用let声明的变量只要能再if这样的语句块的起到作用 //在 for()循环中也可以去翻出来 接下来我们在写个例子来区分一下...,但是现在还是很麻烦的,而且代码不好理解,那么我们使用let就可以解决这样的问题 简单使用的方法 Const命令 const 声明一个只读变量,声明之后不允许改变。

    7000

    盘点六个阅读React源码后get到的基础知识

    而阅读源码的终极目的还是应用,在这个想法下,我盘点了一些可以快速在工程中应用的( 或许冷门 )知识,希望读者可以get到 2 盘点 2.1 多层循环中跳出最外层 我曾在部分场景中,遇到多层循环需要一次性跳出的场景...JavaScript知识,被称为label语法。...社区中常常教我们通过这一行代码来获取变量的实际类型,我也常这样使用 const getType = (a) => Object.prototype.toString.call(a).split(" "...) .slice(1) .join(" ") .split("]")[0]; 而我看到了React获取变量实际类型的方式,这里实质上一次为我们展现了两种获得变量实际类型的方式。...、工作中 本篇文章总结了一些React源码中对于一些冷门/规范知识的应用,我们总结一下收获: 多层循环中跳出最外层可以使用label语法 使用void 0替代直接使用undefined,因为undefined

    60020

    Python基础教程之循环

    现在需要我们使用循环语句来帮助后羿判断,什么情况下需要后羿保持射箭状态。 1. for 循坏 for 循环用于迭代序列(即列表、元组、字典、集合或字符串等)。...1.1 循坏语法 1.2 循坏流程图 1.3 实例 我们一起来看一个数字的实例:依次打印出 1~20。...2.2 while循坏流程图 2.3 实例 和 for 循环一样,我们一起来看下使用 while 循环打印出:1~20。...如果在上述语句中,continue 的位置是 break,打印的结果就是0,因为第一次循环 1 就是奇数,不能对 2 整除,直接跳出了整个循环,没有执行 count 变量的求和运算,结果还是count...小试牛刀 1、使用 for 配合 continue 求解 20 以内的奇数的和。 2、使用 while 配合 continue 求解 20 以内的奇数的和。

    1.9K20

    【JavaScript】JavaScript 程序流程控制 ④ ( for 循环执行 相同 不同 的代码 | for 循环示例 )

    一、for 循环执行 相同 / 不同 的 1、for 循环执行相同的代码 在 for 循环中 , 不管 循环控制变量 如何变化 , 在循环体中执行相同的代码即可 ; 代码示例 : //...} 2、for 循环执行不同的代码 在 for 循环中 , 可以执行 不同的 代码 , 根据 循环控制变量 的 变化 , 执行不同的代码 ; 只要在 循环体 中 , 执行的代码 与 循环控制变量 相关...数值 的 累加值 使用循环完成 " 计算 指定个数 的 数值 的 累加值 " 操作 ; 首先 , 通过 prompt 函数 , 使用 count 变量 接收该数值 , 作为 循环次数 ; 构造 循环控制...要素 : 循环 count 次 ; 循环控制变量定义 : var i = 0 循环终止条件 : i count 循环控制变量变化方式 : i++ 在循环体中 , 通过 prompt 函数 接收 count...个数值 , 使用 累加值变量 sum 接收该数值 , sum 变量初始值为 0 ; 使用 prompt 函数 接收的 是一个字符串类型的变量 , 需要使用 parseInt 或者 parseFloat

    12510

    Python数据容器:集合

    本篇文章参考:黑马程序员一、集合的定义我们目前已经学习了列表、元组、字符串三个数据容器了,基本能满足大多数的使用场景,但为何又需要学习新的集合类型呢?...而集合最主要的特点就是不支持元素的重复(自带去重功能)并且内容无序。①基本语法:定义集合使用花括号“{}”,且使用逗号隔开各个数据,数据可以是不同的数据类型。...定义字面量:{元素1,元素2,元素3,元素4,...}定义变量:变量名称 = {元素1,元素2,元素3,元素4,…}定义空元组:变量名称 =set()②特点:可容纳多个数据可容纳不同类型的数据(混装)可修改...for循坏遍历:# 集合的遍历# 集合不支持下标索引,所以不能用while循坏,可用for循坏set1={1,2,3}for element in set1: print(f"集合的元素有{element...', 'best',请按如下要求操作:1.定义一个空集合2.通过for循环遍历列表3.在for循环中将列表的元素添加至集合4.最终得到元素去重后的集合对象,并打印输出my_list = ['新闻', '

    9331
    领券