js 循环输出变量

for (let i = 0; i < 5; i++) {
    console.log(`当前变量i的值是：${i}`);
}

let j = 0;
while (j < 5) {
    console.log(`当前变量j的值是：${j}`);
    j++;
}

let k = 0;
do {
    console.log(`当前变量k的值是：${k}`);
    k++;
} while (k < 5);

// 错误的示例，会导致无限循环
while (true) {
    console.log("这是一个无限循环");
}

// 正确的示例
let count = 0;
while (count < 5) {
    console.log(`当前计数是：${count}`);
    count++;
}

for (var i = 0; i < 5; i++) {
    // ...
}
console.log(i); // 输出5，因为var声明的变量i在函数作用域内

for (let j = 0; j < 5; j++) {
    // ...
}
console.log(j); // 报错，因为let声明的变量j在块级作用域内

for (let i = 0; i < 5; i++) {
    setTimeout(() => {
        console.log(`当前变量i的值是：${i}`);
    }, 1000);
}
// 输出会是5个5，因为setTimeout是异步的，当回调函数执行时，循环已经结束，i的值已经是5

// 解决方法：使用立即执行函数表达式（IIFE）或者let声明的块级作用域
for (let i = 0; i < 5; i++) {
    (function(i) {
        setTimeout(() => {
            console.log(`当前变量i的值是：${i}`);
        }, 1000);
    })(i);
}