<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script>
</script>
<body>
<ul>
<li>我是一个li</li>
<li>我是一个li</li>
<li>我是一个li</li>
<li>我是一个li</li>
<li>我是一个li</li>
</ul>
</body>
</html>
<script>
/*
闭包概念
1.通俗的讲 闭包 就是 函数内部 的函数
.闭包也延长了 变量的 生命周期(活的久一点)
闭包的缺点:
额外的增加变量 变量的生命周期长
(额外的造成内存的开销)
*/
/* 需求
为li标签绑定点击事件
点击的时候 打印 他的索引值
*/
var liList = document.getElementsByTagName('li');
for (var i = 0; i < liList.length; i++) {
// 1.使用闭包
liList[i].onclick = (function () {
var index = i;
// 返回了一个匿名函数
return function () {
console.log('我的索引是:' + index);
};
}())
}
</script>
js 使用闭包点击li获取他的索引值
最新推荐文章于 2022-06-20 13:20:04 发布