setTimeOut与循环闭包问题

Posted 2020-10-15

function a() {
    for(let i=0;i<=5;i++){
        setTimeout(function () {
            console.log(i)
        },i*1000);
    } 
}
a();

　　结果：0 1 2 3 4 5    结果每间隔1S输出

 setTimeOut第二个参数设定xxms后执行，第一的参数是xxms后执行什么动作。

队列的数据结构特点：

这个队列的执行时间，需要等到函数调用栈清空后才开始执行，即所有的可执行代码执行完毕后才开始执行由setTimeOut定义的操作，这些操作进入队列的顺序，由设定的延迟时间来决定。

setTimeout(function () {
    console.log("w");
},0);
console.log("q");

　　结果： q   w  

 

匿名函数：

(function () {
    console.log("w")
})()

　　会立刻执行，执行后内存会清空这个函数。

 

setTimeout(function () {
    console.log(a);
},0);

(function () {
    console.log(b+"wwww");
}) ()//1

var a=20;
var b=30;

console.log(a);//2
console.log(fn);//3

(function () {
    console.log(b+"eee");
}) ()//4

function fn() {
    setTimeout(function () {
        console.log("settime 10")
    },10)
}

fn.toString=function () {
    return 30;
}

console.log(fn);//5

setTimeout(function () {
    console.log("settimeout 20ms")
},20);

fn();

(function () {
    console.log(b+"qqq");
}) ()//6

　　

结果：

undefinedwwww
20
[Function: fn]
30eee
{ [Function: fn] toString: [Function] }
30qqq
20
settime 10
settimeout 20ms

 

首先执行console.log()的内容，碰到匿名函数会立即执行，之后setTimeOut才会根据设定的时间进入队列，然后再依次执行。