js如何多线程执行for语句

hentai

js设计的时候就是单线程的，数据量大建议放在后端处理

摩卡

把你的 for 循环写到一个 Promise 里，然后Promise.all

wafsm

这是什么需求啊，需要这么怪的写法

yousihai

摩卡 发表于 2023-12-15 11:07
把你的 for 循环写到一个 Promise 里，然后Promise.all

写到promise里面它也是单线程的，只是不会阻塞你当前代码的执行，而是放到了当前宏任务之后执行而已，依然是会卡住ui渲染的

也就是说原来是

xxx ->for ->xxx ->ui rendering

现在变成了

xxx -> promise ->xxx -> for -> promise.then -> ui rendering

叼爆小朋友

hentai 发表于 2023-12-15 11:00
js设计的时候就是单线程的，数据量大建议放在后端处理

不能放后端处理，好点的小鸡买不起，用户访问一多我小鸡就要爆炸了，放前端处理更节省小鸡资源

ass

Promise也是单线程的，只不过是异步。
js单文件默认都是单线程，如果想多线程那就把代码扔进独立的一个js脚本，然后用外部js中的Service Worker调用才行。
类似于 new Worker("for.js"); 这样的，具体原理还得楼主自己看看，反正挺麻烦的。

ohtoai

1. async function processData() {
   
2.   const promises = [];
   
3.   
   
4.   function processTask(condition, statement) {
   
5.     return new Promise((resolve, reject) => {
   
6.       for (let i = 0; ; i++) {
   
7.         if (condition) {
   
8.           statement;
   
9.           resolve();
   
10.           break;
    
11.         }
    
12.       }
    
13.     });
    
14.   }
    
15.   
    
16.   promises.push(processTask(条件1, 语句));
    
17.   promises.push(processTask(条件2, 语句));
    
18.   promises.push(processTask(条件3, 语句));
    
19. 
    
20.   await Promise.all(promises);
    
21. }
    
22. 
    
23. processData();
    

复制代码