前端for循环中嵌套函数的传参问题

最新推荐文章于 2024-01-15 18:06:21 发布
原创 最新推荐文章于 2024-01-15 18:06:21 发布 · 1.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#for循环 #click事件传参 #闭包中方法传参

本文探讨了在前端开发中，使用for循环遍历ID集合并为每个ID动态添加点击事件时遇到的问题。详细解析了如何正确传递和获取click事件中的参数，避免常见的循环变量作用域陷阱。

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

最近写前端遇到一个很费解的问题，在for循环中遍历id集合，并对每一个id添加点击事件发送请求，正常的思路应该是这样的：

但是打开开发者工具发现循环中的reportId并没有按照循环规则传递到click事件中，具体解决如下：

这里还要注意click事件传递参数和获取参数的问题，参数是保存在event的data中的，取得时候event.data.参数名

day05 - 函数声明、函数传参、函数封装、函数返回值、arguments、函数新增
u010544438的博客
08-12 206
本文摘要： JavaScript函数是封装可重复执行代码块的编程工具，具有减少代码量、便于维护和提高复用性的优势。文章从函数基础概念入手，详细讲解了：1）函数声明与调用方法；2）参数传递机制（形参与实参）；3）参数默认值设置；4）返回值使用技巧；5）arguments对象处理不定参数。通过九九乘法表、成绩计算等案例，演示了函数封装的实际应用。特别强调函数传参可增强灵活性，返回值能扩展结果应用场景。最后提供多个实践作业，包括求最值、数组反转、排序去重等综合练习，帮助掌握函数编程的核心技能。全文贯穿"
前端领域 Less 的函数使用详解
最新发布
AI架构全栈开发实战笔记
04-12 783
Less函数的基本语法和定义方式函数参数的各种传递形式函数与Mixin的区别与联系实际项目中的函数应用场景性能优化和最佳实践首先介绍Less函数的基本概念然后详细解析函数语法和参数传递接着通过实际案例展示应用方式最后探讨工程化实践和性能优化Less：一种CSS预处理器，扩展了CSS语言，增加了变量、Mixin、函数等功能。函数(Function)：Less中可接受参数并返回值的代码块，用于计算和生成样式值。Mixin。
小白记录一下自己学习过程中遇到的for循环异步传参问题以及解决方法
qq_41521457的博客
07-22 524
在解决问题之前，首先给大家解释一下全局变量和局部变量的概念 什么是全局变量？什么是局部变量 我自己的理解是：        1、全局变量：在一个script标签中或者js文件中声明了一个全局变量，在整个script或者整个文件中都能调用这个变量        2、局部变量：就是声明之后只能在某个函数作用域内使用不能在超出函数作用域范围内使用 那局部变量和全局变量该怎么声明呢？ var...
前端笔记61——循环嵌套
裕博的博客
01-09 483
前言 前面有学到for循环、while循环、do…while循环，这里分享一下在开发中会遇到的循环嵌套循环，主要以for循环为例子。 例子1 在网页中，打印上面出现的1-5形式。代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit..
rust+wasm写前端真香之嵌套与循环
github_35614077的博客
07-21 671
sealer是阿里巴巴开源的基于kuberentes的集群镜像开源技术，可以把整个集群整体打包。 Sealer Cloud可以在线化帮助用户进行集群打包分享和运行，Sealer cloud前后端也使用了非常先进的 rust+wasm技术实现，本短文接上一篇继续讲一些代码结构，嵌套以及列表循环相关内容，让我们看下 rust有多优雅。 代码结构 sealer源码 里面直接有具体的代码供参考。 当然有兴趣的同学可以参与到项目开发中来。 . ├── components │ ├── footer.rs │ ...
JS之for循环嵌套
GothaM24的博客
01-06 891
假设有这样的一组数据（请求返回的数据） let items = [ {id: 0, name: '老许', url: '..1'}, {id: 1, name: '灵均', url: '..1'}, {id: 2, name: '秀芝', url: '..1'}, {id: 3, name: '郭pia子', url: '..1'}, {id: 4, name: '许灵均', ...
for里面调用方法 vue_vue.js v-for每次循环两条项目，里面的处理函数会出现重复调用的问题...
weixin_39617502的博客
12-20 1571
我现在要实现的是v-for每次按2条项目这样来循环，里面有函数是处理index,可是会出现符合的index重复调用的情况。template：scrip：let count = 3let indexArr = []export default {name: 'reportPage',data () {return {tdata: [1,2,3],myForm: {'myCompany': '海南凯迪...
es6+ 解构赋值语法规范（四）：数组解构赋值、对象解构赋值、解构赋值在函数传参中的应用
m0_50134014的博客
07-08 480
文章目录解构赋值 Desctructuring一、数组解构赋值1.1 赋值元素可以是任意可遍历的对象1.2 被赋值的变量还可以是对象的属性，不局限于单纯的变量。1.3 循环体1.4 可以跳过赋值元素1.5 rest 参数1.6 默认值1.7 字符串解构赋值二、对象解构赋值2.1 基本用法2.2 默认值2.3 rest 运算符2.4 嵌套对象三、解构赋值在函数传参中应用 解构赋值 Desctructuring 在 ES6 中新增了变量赋值的方式：解构赋值。允许按照一定模式，从数组和对象中提取值，对变量进行赋
web大前端面试—JavaScript
weixin_50313248的博客
06-28 725
1.关于闭包 什么是闭包？ 闭包是有权限访问其它函数作用域内的变量的一个函数。 在js中，变量分为全局变量和局部变量，局部变量的作用域属于函数作用域，在函数执行完以后作用域就会被销毁，内存也会被回收，但是由于闭包是建立在函数内部的子函数，由于其可访问上级作用域的原因，即使上级函数执行完，作用域也不会被销毁，此时的子函数——也就是闭包，便拥有了访问上级作用域中变量的权限，即使上级函数执行完以后作用域内的值也不会被销毁。 闭包解决了什么？ 本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。由于闭包可以缓存
小程序云开发，小程序端使用for循环，循环内调用云函数，结果出错的解决方案
fengjixucui_mzy的博客
03-16 2641
1.先讲一下自己的需求： 我定义了一个对象数组： //xiangqing.js data:{ //评论者的信息 comments:[ { comment_UserImgUrl:"", comment_NickName:"", comment_time:"", //评论的时刻，字符串化，如：‘2020/03/...
js for循环给点击事件传参i
break优快云的博客
11-21 964
想法：想将外面的i传到onclick事件中去 一开始的错误做法： <script type="text/javascript"> //得到class为a的标签list数组 var zujian = document.getElementsByClassName("a"); //遍历 for (var i = 0 ; i < zujian.length ; i++) { alert(i); //zujian[i].onclick = function(i){
嵌套循环、常用内置对象
m0_68618659的博客
08-02 262
for循环的嵌套。1、嵌套for 循环语法结构：for(外层初始化变量;外层的条件表达式;外层的更新表达式) {for(里层的初始化变量;里层的条件表达式;里层的操作表达式) {// 执行语句}}案例：// 2.输出1-100之间的所有偶数i < 101;i++) {= 0) {}/* break语句和continue语句的区别：break语句跳出整个循环，循环不在继续continue语句跳出本次循环，继续执行下一次循环，直到循环结束4的因数：1、2、4、...
初识C语言 DAY8 【for语句和循环嵌套】
Xjb200512的博客
01-15 1973
本文章总结于此视频。
js为数组的每一个对象添加新属性，遍历数组，前端重要功能
gjylalaland的博客
06-17 1万+
前端重要功能，js遍历数组，为数组的每一个对象添加/修改属性
c语言两个for语句并列执行_for循环嵌套，C语言for循环嵌套详解
热门推荐
weixin_34340606的博客
02-06 2万+
前面我们讲的是单个 for 循环的使用，最后再跟大家讲一下多层 for 之间的嵌套使用。虽说是多层，事实上 for 循环嵌套的层数也不能太多。通常为两个 for 循环的嵌套，超过两个的极少使用。与单个 for 循环相比，多个 for 循环的嵌套在逻辑上更复杂一点，但并不难懂。直接给大家写一个程序：# include int main(void){int i, j;for (i=0; i<4;...
for循环嵌套的两种用法
谨堇的博客
12-27 6529
一：内外循环独立进行 for(i=0;i         {               for(j=0;j             printf("%c",a[j]);               printf("\n");           }   二：内部循环依赖于外部循环 for(i=0;i         {               
for循环中嵌套函数，执行顺序和结果该如何理解？
weixin_30594001的博客
05-30 3951
参考for循环中嵌套setTimeout，执行顺序和结果该如何理解？ 转载于:https://www.cnblogs.com/qing1304197382/p/10948616.html
使用qs.min.js解决前端request payload传参问题
该库专门用于解析和字符串化查询字符串，包括能够处理嵌套对象和数组，这是它在前端项目中非常实用的原因之一。与其它库相比，如jQuery的param方法，qs支持更复杂的JSON对象，能够处理对象的嵌套和数组，并且在压缩...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值