189 8069 5689

如何使用setimmediate实现可伸缩执行的脚本

这篇文章主要介绍“如何使用setimmediate实现可伸缩执行的脚本”,在日常操作中,相信很多人在如何使用setimmediate实现可伸缩执行的脚本问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用setimmediate实现可伸缩执行的脚本”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

公司主营业务:成都网站建设、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出锡山免费做网站回馈大家。

看过我对JavaScript 性能优化相关的讨论的同学们一定很了解我的一个癖好,就是将一大段的script分解成多个块来执行。通过使用setTimeout(),你可以去改变特定代码执行的时间,从而做到让UI现场执行已经在队列里的任务。比如,你可以通过这样的方式把要执行的代码在50ms后加到UI线程队列里:

setTimeout(function(){      //do  something   }, 50)

那么,在50ms后,这个函数就会被添加到队列里,并在轮到它的时候执行。调用setTimeout()方法可以允许当前的JavaScript任务完成从而下一个UI更新可以顺利进行。

虽然我一直很支持使用setTimeout()来提高性能,但是还是存在几个问题。***个并且是最重要的问题是不同的浏览器有着不一样的时间精确度。IE8和更早的IE的时间精确度是15.6ms,而IE9,或者更新的浏览器,还有chrome的时间精确度已经到达4ms。所有的浏览器都强制给setTimeout设置了一个***延迟值,所以setTimeout(fn, 0)实际上在大于0ms的时间之后才会执行,具体取决于对应的时间精确度。

另一个是电源使用的问题。管理时间关系到笔记本或者手机的电池使用。Chrome曾经尝试把时间精确度降低到1ms,结果发现会增加笔记本电池的损耗。***还是觉得把时间精确度设置回4ms。其他浏览器也做过类似的尝试,不过许多油门计时器分辨率为1s。微软发现时间精确度为1ms的时候,电池的使用时间会降低25%。实际上,IE9会判断笔记本是否在使用电池的情况下运行,如果是电池,则时间精确度为15.6ms,如果是直接插的电源则时间精确度会降低到4ms。

来自W3C Web Performance Working Group的一个方案“ Efficient Script Yielding ”,定义了一个新的函数去实现脚本的分块执行的setImmediate()方法。 这个方法接收一个函数作为参数,它可以让这个函数在UI线程空闲的时候执行。基本的用法:

var id = setImmediate(function(){       //do something   });

setImmediate()函数会返回一个id,这个id可以通过clearImmediate()方法来取消这个过程。

我们也可以给它传递一些参数

setImmediate(function(doc, win){      //do something  }, document, window);

用这个方式来传递可选的参数意味着你不需要总是使用一个闭包来让函数包含一些有用的信息。

setImmediate()可以让浏览器不需要去管理进程的定时器。不需要去等待更耗电的系统中断,浏览器只需要等待UI队列空闲,然后把新的JavaScript任务插入进去。Node.js的开发者会比较容易理解这个问题,因为process.nextTick()在自己的环境里做了相同的事情。

现在只有ie10支持这个方法,而且因为还没有完全定下来,所以使用了msSetIntermediate()。IE10的Test Drive上也有一个setImmediate()的例子,展示了新方法带来的性能提升。这个例子使用一个延迟来排列一些数据,排序之后的状态会直接展示出来。

到此,关于“如何使用setimmediate实现可伸缩执行的脚本”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网页名称:如何使用setimmediate实现可伸缩执行的脚本
网站网址:http://cdxtjz.com/article/jipjos.html

其他资讯