setTimeout()的相关知识和应用

1、运行时机

setTimeout并不是等其他任务完成时才开始计时，而是在出发setTimeout时开始计时，如果setTimeout后面的程序的运行时间大于setTimeout的等待时间，则setTimeout中的函数会优先于后面的程序执行。

例如：

setTimeout(function(){
    console.log('a')
},50)
anotherFun();

如果anotherFun()的执行时间超过50ms，则先输出‘a’，再运行anotherFun()，

又例如：

setTimeout(function(){
    console.log('a')
},50)
setTimeout(function(){
    console.log('b')
},80)

结果先输出a，后输出b。

setTimeout(function(){
    console.log('a')
},50)
setTimeout(function(){
    console.log('b')
},40)

结果先输出b，后输出a

2、定时器的精度

windows中定时器的分辨率为15ms，所以设置定时器的最小时间建议为25ms，以确保至少有15ms延迟。

3、定时器的用处

使用定时器加载有助于将耗时较长的脚本拆分成较短的片段，它会告诉JS引擎先等待一定时间，再添加一个JS任务到UI队列中，因而能有效缓解页面延迟的现象。