闭包实现循环事件添加

最新推荐文章于 2024-07-24 11:09:48 发布
最新推荐文章于 2024-07-24 11:09:48 发布
阅读量55 收藏
点赞数
文章标签： javascript ViewUI 
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8" />
    <title>闭包演示</title>
    <style type="text/css">
        p { background: #ccc; text-align: center; height: 30px; line-height: 30px; width: 100px; cursor: pointer; }
    </style>
    <script type="text/javascript">
    function init() {
        var pAry = document.getElementsByTagName("p");
        // for (var i = 0; i < pAry.length; i++) {
        //     pAry[i].onclick = function() {
        //         alert(i);
        //     }
        // }
        for (var i = 0; i < pAry.length; i++) {
            pAry[i].onclick = (function(i) {
                return function(){
                    alert(i);
                }
            })(i);
        }
    }
    </script>
</head>

<body onload="init();">
    <p>产品 0</p>
    <p>产品 1</p>
    <p>产品 2</p>
    <p>产品 3</p>
    <p>产品 4</p>
</body>

</html>

 

weixin_33724059
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现为a标签添加事件的方法(使用闭包循环)
10-21
主要介绍了js实现为a标签添加事件的方法,基于闭包循环实现事件添加的功能,涉及javascript闭包与事件操作相关技巧,需要的朋友可以参考下
js闭包引起的事件注册问题介绍
10-22
这是因为在JavaScript中，循环内部的匿名函数（事件处理程序）会形成一个闭包，它可以访问并记住其外部作用域中的变量`i`。然而，当循环结束后，`i`的值变为4。因此，每个点击事件处理程序都引用了同一个`i`变量，而...
js闭包与for循环
Ican_code的博客
05-09 1207
一般for循环是没什么问题的，比如：var a=[]; for(var i=0;i<5;i++){ a[i]=i; }但是当我们在for循环中添加函数的时候可能就会出错了，比如： var =[]; for(vari=0;i<5;i++){ a[i]=function(){ return i; }
闭包机制实现循环添加事件
weixin_38169359的博客
08-18 73
for(var i = 0 ;i<xx.length;i++){ ((i)=>{ xx[i].onclick = ()=>{ //执行的代码 }; })(i); } 转载于:https://...
使用闭包解决for循环及原理
PPPP_X的博客
03-04 957
闭包，原来因为垃圾回收机制的，没有被使用的变量会被回收，而闭包因为占用了某个变量，使原来本应该被回收的变量没有被回收。 下面看一个没有使用闭包的for循环例子，大家应该日常中经常用到： for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i) }, 0) } 这段代码输出的是 五个...
JS中如何理解经典案例 for 循环中的闭包
Leo____Wang的博客
04-28 2994
js关于for循环中的闭包问题？ for(var i=0,arr=[];i&lt;=3;i++) { arr.push(function(){alert(i)}); } arr0; // ?? 结果不是0 arr1; // ?? 全是4 改装后 for(var i=0,arr=[];i&lt;=3;i++) { arr.push( ...
用9种办法解决 JS 闭包经典面试题之 for 循环取 i
weixin_34364135的博客
10-04 915
闭包 正确的说,应该是指一个闭包域,每当声明了一个函数,它就产生了一个闭包域(可以解释为每个函数都有自己的函数栈),每个闭包域(Function 对象)都有一个 function scope(不是属性),function scope内默认有个名为 Globe 的全局引用(有了这个引用,就可以直接调用 Globe 的属性或方法) 凡是在闭...
ios-Swift使用闭包实现类似于BlocksKit添加点击事件功能.zip
07-11
在本案例中，我们关注的是"ios-Swift使用闭包实现类似于BlocksKit添加点击事件功能"，它通过ClosuresKit库实现了类似的功能。 首先，我们要理解什么是闭包（Closure）。闭包是Swift中的一个重要概念，它可以捕获和...
JS闭包经典实例详解
10-17
这个特性使得闭包成为实现数据封装和私有变量的关键手段。 闭包的概念是：一个函数能够访问并操作其自身作用域、定义它的外部作用域以及全局作用域的变量。在这个例子中，我们通过一个点击事件处理函数展示了闭包的...
js利用闭包实现循环监听
qq_44604924的博客
09-05 189
描述：点击按钮，显示是第几个按钮 var btns = document.getElementByTagName("botton"); //利用闭包实现 for(var i=0;i<btns.length;i++){ (function(i){//形参 var btn = btns[i]; btn.onclick = function(){ alert("第"+(i+1)+"个按钮"); } })(i);//实参 } //一般方法如下 for(var j=0;j&
JavaScript闭包及实现循环绑定事件
李刚的学习专栏
12-14 2818
一、JavaScript作用域： var scope="global"; function t(){ console.log(scope); //"undefined" var scope="local" console.log(scope); //"local" } t(); console.log(scope); //"global"而Javascript压根没有块级
【闭包】利用闭包的原理实现数组的顺序循环
Tuz的博客
12-17 368
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;span id="text"&gt;
闭包和循环
追风筝的人
06-20 798
/** *循环和闭包 */ for (var i = 0; i <= 5; i++) { setTimeout(function timer(){ console.log(i);//输出6个6 },i*1000) } /** *上面的代码每一秒输出一个6，为什么呢？ * 延迟的回调函数会在循环结束时才执行，所以会每...
js实现队列-通过闭包方式
weixin_30929295的博客
02-14 91
需求: // 实现一个LazyMan，可以按照以下方式调用: LazyMan(“Hank”) /* 输出: Hi! This is Hank! */ LazyMan(“Hank”).sleep(10).eat(“dinner”)输出 /* 输出: Hi! This is Hank! // 等待10秒.. Wake up after 10 Eat din...
for循环与闭包
weixin_30784141的博客
06-29 305
for循环和闭包 今天记录for循环和闭包的使用： for(var i = 0 ; i < lis.length ; i++) { lis[i].onclick=function(i){ return function(){ console.log(i) } }(i); } 在for循环里面执行闭包的时候，将循环体的代码储存在...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 459
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
Next.js静态导出与动态路由优化
天涯学馆
07-20 1068
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
Gusha_的博客
07-23 1171
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 1024
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
html的a标签绑定js,js实现为a标签添加事件的方法(使用闭包循环)
05-27
可以使用JavaScript中的闭包和循环来为a标签添加事件。以下是示例代码： ```html <a href="#" id="link1">Link 1 <a href="#" id="link2">Link 2 <a href="#" id="link3">Link 3 // 获取所有a标签 var links = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值