编程语言
首页 > 编程语言> > Html之有意思的javascript 的 “BUG”

Html之有意思的javascript 的 “BUG”

作者：互联网

Html之有意思的javascript 的 “BUG”

(声明：本教程仅供本人学习使用,如有人使用该技术触犯法律与本人无关)
(如果有错误，还希望指出。共同进步)

【附上查询资料】

JavaScript 函数之：箭头函数

JavaScript 方法之：forEach() 方法

主程序文件

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script src="https://cdn.micoworld.net/static/jquery.min.js"></script>
	<script type="text/javascript">
		var callbacks = [];
		for (var i = 0; i < 2; ++i) {
		  callbacks.push(() => console.log(i));
		}
		callbacks.forEach((a)=>a());
		// console.log(callbacks)
	</script>
</body>
</html>

问题描述

js语言：用一个列表存储 for循环中的变量，然后打印出来

结果展示

在这里插入图片描述

console端： 打印了两次“2”

问题

为什么不是1, 2两个数字

原因

【查看下callbacks列表中存储的数据】
在这里插入图片描述

  1. 可以看到callbacks中存储的是 “console.log(i)”, 其中“i”是作为形参存储在列表中;
  2. 由于 " ++i " 导致 i 的值最后变为 2。

标签：存储,JavaScript,console,log,javascript,列表,callbacks,Html,BUG
来源： https://blog.csdn.net/weixin_43633797/article/details/110947161