js延迟for内部循环

1.用let作用域解决

for (let i = 1; i < 6; i++) {
    setTimeout(() => {
        console.log(i)
    }, i * 1000)
}

2.如果用var要向下面这么写，立即执行函数的作用就是形成独立的作用域，因为let有块级作用域属性，而var没有，所以要加一个立即执行函数，还有就是不要忘记传参。

for (var i = 1; i < 6; i++) {
    (function (j) {
        setTimeout(() => {
            console.log(j)
        }, j * 1000)
    })(i)
}

3.想到异步，如何用Promise和Async实现这个问题

• 在使用Await时，如果后面跟的函数的返回值是Promise对象，它会等待resolve执行完，再执行下面的。反之，如果后面跟的函数的返回值是非Promise对象，则立即执行。

function delay(i) {
    return new Promise((resolve) => {
        setTimeout(() => {
            console.log(i);
            resolve();
        },1000)
    })
}
 
async function fn() {
    for (let i = 1; i < 6; i++) {
        await delay(i);
    }
}
 
fn()