Javascript Yielding Processes 定时器数组分块技术

最新推荐文章于 2024-03-27 17:58:43 发布

Jason_wu86

最新推荐文章于 2024-03-27 17:58:43 发布

阅读量224

点赞数

分类专栏：普通文章

本文链接：https://blog.csdn.net/weixin_40650646/article/details/83016049

版权

普通文章专栏收录该内容

64 篇文章 0 订阅

订阅专栏

//核心函数
function chunk(array, process, context){
 setTimeout(function(){
 var item = array.shift();
 process.call(context, item);
 if (array.length > 0){
 setTimeout(arguments.callee, 100);
 }
 }, 100);
} 

//使用示例
var data = [12,123,1234,453,436,23,23,5,4123,45,346,5634,2234,345,342];
function printValue(item){
 var body = document.body;
 body.innerHTML += item + "<br>";
}
chunk(data, printValue);

一旦某个函数需要花 50ms 以上的时间完成，那么最好看看能否将任务分割为一系列可以使用定时器的小任务。