Using Javascript Web Worker and Async together?

Question

Does anyone used Web Worker and Async together or does anyone vote against this?

For example, if I want to send out 1000 async calls and wait for them to finish, it is synchronous, so, it is slow. While it doesn't block the main thread, it is slow to do await one by one.

Can I wait on a single async method that creates 1000 Web Workers and sends out the 1000 fetches in parallel (one fetch per worker). And each web worker will wait for the fetch result and post the result back. And on the main async method that created 1000 Web Workers, it collects all 1000 results. Once done, it finishes the method and the main thread will continue from there?

I am not seeing examples out there. I am wondering why. Is this a bad idea? Or maybe there is a framework for it?

Thanks

geoffrey · Accepted Answer · 2021-02-10 20:30:50Z

3

You don't need workers since fetch doesn't block the main thread. On top of that there would be a significant overhead.

fetch already does what you want by default, you should simply not await every single call.

You can use Promise.allSettled to convert an array of promises to a single promise of results that you can then await.

const promises = urls.map(url => fetch(url));
const results = await Promise.allSettled(promises);

answered Feb 10, 2021 at 20:30

geoffrey

2,51412 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Javascript Web Worker and Async together?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related