原生 JavaScript 操作 DOM 元素，通过事件监听实现点击 li 标签输出索引。文中对比了 ES6 let 作用域与闭包两种方案，重点解析闭包如何解决循环变量引用问题，确保每个 li 点击时能获取正确的索引值。
有这么一段 html 代码：
<ul class="ulStyle">
<li>list_0</li>
<li>list_1</li>
<li>list_2</li>
<li>list_3</li>
<li>list_4</li>
<li>list_5</li>
</ul>
让其用原生 JS 实现点击 li 标签输出索引。
代码如下：
<html>
<head>
<style type="text/css">
.ulStyle { list-style-type: circle; }
ul li:hover { color: blue; font-weight: bolder; }
</style>
</head>
<body>
<ul class="ulStyle">
<>list_0
list_1
list_2
list_3
list_4
list_5
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。 在线工具，JavaScript 压缩与混淆在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
从代码中我们可以看到有两种方式来实现，一个是利用 ES6 的 let，另一种是利用闭包原理。运行结果将弹出对应索引。