【JavaScript】setTimeout() 为何会连续打印多个“5”？（执行机制）

引文：JavaScript 教程 / 异步操作 / 定时器【你会学到更多此类知识，更深入理解 setTimeout()】

for (var i = 0; i < 5; i++) {
	setTimeout(function() {
		console.log(i);
	}, 1000);
}

你以为：

// 每秒打印
// 0
// 1
// 2
// 3
// 4

实际上：【for是同步任务，setTimeout是异步任务。setTimeout在下一轮事件循环才开始时执行】

// 首先执行
for (var i = 0; i < 5; i++) {}	// for 比 setTiemout() 先执行

// 此时
i;	// 5

// 再来执行
setTimeout(function() {
	console.log(i);
	console.log(i);
	console.log(i);
	console.log(i);
	console.log(i);
}, 1000);

// 5*5（1秒后同时打印5个5）

解决方法有很多，我前面也有写过，本文只是回顾一下执行机制。