js定时器——使代码输出0-9

1、for(var i=0;i<10;i++){ setTimeout(() => { console.log(i) }, 1000); }
每间隔1s输出10，10，10，10，10，10，10，10，10，10
2、定时器+闭包
每间隔1s输出0，1，2，3，4，5，6，7，8，9

for(let i=0;i<10;i++){
    //闭包加定时器+i
    setTimeout(((e) => {
        return function(){
            console.log(e)
        }
     })(i), 1000);    
}

2、输出10个undefined

for(let i=0;i<10;i++){
    //定时器+i(形参)//未传入参数，所以都为undefined
    setTimeout((i) => {
        console.log(i)
    }, 1000);  
}

3、每间隔1s输出0，1，2，3，4，5，6，7，8，9

for(let i=0;i<10;i++){
    setTimeout(() => {
        console.log(i)
    }, 1000);  
}

注：利用 let 变量的特性 — 在每一次 for 循环的过程中，let 声明的变量会在当前的块级作用域里面（for 循环的 body 体，也即两个花括号之间的内容区域）创建一个文法环境（Lexical Environment），该环境里面包括了当前 for 循环过程中的 i。
4、利用 setTimeout 函数的第三个参数，会作为回调函数的第一个参数传入

```javascript
for(let i=0;i<10;i++){
    //定时器+i(形参)//未传入参数，所以都为undefined
    setTimeout((i) => {
        console.log(i)
    }, 1000,i);  
}

注：对2的改进，setTimeout的第三个参数的回调函数的实参