for setTimeout.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
<script type="text/javascript">
	

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

 
console.log(new Date, i);


const tasks = [];

for (var i = 0; i < 5; i++) {   // 这里 i 的声明不能改成 let，如果要改该怎么做？
    ((j) => {
        tasks.push(new Promise((resolve) => {
            setTimeout(() => {
                console.log(new Date, j);
                resolve();  // 这里一定要 resolve，否则代码不会按预期 work
            }, 1000 * j);   // 定时器的超时时间逐步增加

        }));
    })(i);
}

 
Promise.all(tasks).then(() => {

    setTimeout(() => {

        console.log(new Date, i);

    }, 1000);   // 注意这里只需要把超时设置为 1 秒

});


// const sleep = (timeountMS) => new Promise((resolve) => {
//     setTimeout(resolve, timeountMS);
// });
// (async () => {  // 声明即执行的 async 函数表达式

//     for (var i = 0; i < 5; i++) {

//         await sleep(1000);

//         console.log(new Date, i);

//     }

//     await sleep(1000);

//     console.log(new Date, i);

// })();
</script>
</html>