js 详解setTimeout定时器

setTimeout: 定时器函数

第一个参数是匿名函数，第二个参数是延迟执行时间

setTimeout(function(){},time)

注意:

1.setTimeout函数是Window对象提供的方法，因此this默认指向window，可以通过bind/call/apply改变this指向

2.setTimeout函数的真正执行时间是在所有可执行的代码执行完毕后才会执行（函数调用栈清空后）

3.多个setTimeout函数存在的情况下，会按照延迟执行时间的先后执行

    setTimeout(function(){console.log('a:'+a)},10);   //
    var a=10;
    console.log('b:'+b);     //
    console.log('fn:'+fn);   //
    var b=20;
    function fn(){
        setTimeout(function(){console.log('setTimeout 0s')},0)
    }
    fn.toString=function(){return 30}
    console.log('fn2:'+fn)   //
    fn();                    //

结合上面注意的点，可知道执行顺序为以上标识，具体解释如下：

1：执行打印b，因为变量的声明会提前，同时赋默认值为undefined，但执行的时候b还没有赋值

所以b是undefined

2: 执行打印fn，因为fn的声明也会提前，因为函数声明会同时把函数体也带着（函数表达式就不一定了）

所以fn是setTimeout(function(){console.log('setTimeout 0s')},0)

3: 执行再次打印fn，因为这个时候fn加了一个tostring方法，因此会默认走toString方法

所以此时fn是

4: 执行fn()，因为延迟时间小于第一个setTimeout

所以此时fn的值为setTimeout 0s

5: 执行打印a,打印为