JS 闭环的问题

最新推荐文章于 2023-03-08 10:45:30 发布

i am on the way

最新推荐文章于 2023-03-08 10:45:30 发布

阅读量1.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/zhaoyouliang123/article/details/104045251

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

写在开头：
心态很重要，无论是工作或是生活，都应该以平稳的心态面对，内心一定要平静，不要过于在乎周边人的感受，虽是性格使然，人生一共几十年，要让自己过得开心些，勇敢面对人生，勇敢面对周边的环境。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<ul>
	<li>click me</li>
    <li>click me</li>
    <li>click me</li>
    <li>click me</li>
    <li>click me</li>
</ul>

<script>
var elements = document.getElementsByTagName('li');
var length = elements.length;
for(var i= 0;i<length;i++){
	elements[i].onclick = function(){
	alert(i);
	}
}
</script>
</body>
</html>

此处会出现5个点击事件，点击每个click me都会alert(5),为什么不是从alert(0)到alert(4),原因是此处的for循环是个闭环，i变量每次循环会放在内存中，在alert中不会被释放掉，直到i = 5后，for循环结束，此时i赋值为5，这时点击click me，这5个点击事件都会弹出alert(5)。