问题:为什么点击li，在控制台出现的是4，而不是对应的索引号？
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<nav>
<li>柚子li>
<li>苹果li>
<li>香蕉li>
<li>李子li>
nav>
<script>
var lis = document.querySelectorAll('li')
for(var i =0;ilength ;i++){
lis[i].onclick = function(){
console.log(i);
}
}
script>
body>
html>
闭包问题
i是个全局变量，所以不管哪个触发，最终i都是同一个值
你应该使用带参数的函数，把i传进来
因为你用的是var i，var是全局的，所以每次遍历都覆盖了，并只打印最终的i值
可以换成es6的let