setTimeout

一

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

    // Mon Apr 20 2020 10: 32: 00 GMT + 0800(中国标准时间) 5
    // Mon Apr 20 2020 10: 32: 01 GMT + 0800(中国标准时间) 5
    // Mon Apr 20 2020 10: 32: 01 GMT + 0800(中国标准时间) 5
    // Mon Apr 20 2020 10: 32: 01 GMT + 0800(中国标准时间) 5
    // Mon Apr 20 2020 10: 32: 01 GMT + 0800(中国标准时间) 5
    // Mon Apr 20 2020 10: 32: 01 GMT + 0800(中国标准时间) 5

二：

    1 setTimeout的自参数
    for (var i = 0; i < 5; i++) {
        setTimeout(function (j) {
            console.log(new Date, j);
        }, 1000, i);
    }
    console.log(new Date, i);


    2闭包写法
    for (var i = 0; i < 5; i++) {
        (function (j) {
            setTimeout(function (i) {
                console.log(new Date, j);
            }, 1000);
        })(i)

    }
    console.log(new Date, i);




    3函数体
    var foo = function (i) {
        setTimeout(function (i) {
            console.log(new Date, j);
        }, 1000);
    }
    for (var i = 0; i < 5; i++) {
        foo(i)
    }
    console.log(new Date, i);


    // Mon Apr 20 2020 10: 44: 22 GMT + 0800(中国标准时间) 5
    // Mon Apr 20 2020 10: 44: 23 GMT + 0800(中国标准时间) 0
    // Mon Apr 20 2020 10: 44: 23 GMT + 0800(中国标准时间) 1
    // Mon Apr 20 2020 10: 44: 23 GMT + 0800(中国标准时间) 2
    // Mon Apr 20 2020 10: 44: 23 GMT + 0800(中国标准时间) 3
    // Mon Apr 20 2020 10: 44: 23 GMT + 0800(中国标准时间) 4