<body>
<ul class="nav">
<li>榴莲</li>
<li>臭豆腐</li>
<li>鲱鱼罐头</li>
<li>大猪蹄子</li>
</ul>
<script>
// 闭包应用-点击li输出当前li的索引号
//1,我们可以利用动态添加属性的方法
let lis = document.querySelector('.nav').querySelectorAll('li');
for(let i=0;i<lis.length;i++){
lis[i].index=i;
lis[i].onclick = function(){
// console.log(i);
console.log(this.index);
}
}
//2,利用闭包的方式得到当前li的索引号
for(let k=0;k<lis.length;k++){
//利用for 循环创建四个立即执行函数
//立即执行函数也称为小闭包,因为立即执行函数里面的任何一个函数都可以使用它的参数变量
(function(k){
// console.log(k);
lis[k].onclick = function(){
console.log(k);
}
})(k)
}
</script>
</body>
闭包注册点击事件
最新推荐文章于 2023-11-24 17:44:41 发布