Passagem de Mensagens e Canais entre Threads WASM
Coordene trabalhadores WASM paralelos usando padrões de passagem de mensagens e abstrações de canais, em vez de memória compartilhada bruta.
Passagem de Mensagens e Canais entre Threads WASM é uma aula grátis de WebAssembly (WASM) for High Performance Apps no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de WebAssembly (WASM) for High Performance Apps, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de WebAssembly (WASM) for High Performance Apps inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Two Models of Concurrency
Concurrent systems coordinate either by sharing memory (SharedArrayBuffer + atomics) or by passing messages. Message passing avoids many data races by design.
postMessage Basics
Web Workers communicate with postMessage. Data is structured-cloned, so each side gets its own copy.
const worker = new Worker("worker.js");
worker.postMessage({ cmd: "start", n: 1000 });
worker.onmessage = (e) => console.log("result", e.data);Transferable Objects
To avoid copying large buffers, transfer ownership instead of cloning.
const buf = new ArrayBuffer(1024 * 1024);
worker.postMessage({ buf }, [buf]);
// buf is now neutered in the senderDesigning a Channel
A channel is a typed queue abstraction layered over postMessage: a send side and a receive side with backpressure and request IDs.
Request/Response Correlation
Attach a unique id to each message so async replies can be matched to their originating request via a pending-promise map.
const pending = new Map();
let nextId = 1;
function call(payload) {
const id = nextId++;
return new Promise((res) => {
pending.set(id, res);
worker.postMessage({ id, payload });
});
}Fan-Out Work Pools
For data parallelism, spawn N workers and round-robin tasks to them. Collect results as they arrive, preserving order with the request IDs.
Combining with Shared Memory
Message passing for control, SharedArrayBuffer for bulk data is a powerful hybrid: send a small message saying which slice to process, while the data lives in shared memory.
Avoiding Deadlocks
Pure message-passing systems still deadlock if two parties each wait for the other. Keep protocols acyclic and prefer non-blocking sends.
Serialization Cost
Structured clone is convenient but costly for big graphs. Prefer transferables or shared memory when payloads grow large.
Worker Lifecycle
Create workers up front in a pool and reuse them; spinning up a worker per task wastes time loading and instantiating the WASM module each time.
A Channel-Based Pipeline
Chain stages: source worker emits chunks, a transform worker processes them, a sink worker aggregates — each connected by a channel for a clean streaming pipeline.
Quick Check
How do you send a large ArrayBuffer to a worker without copying it?
Recap
You explored message passing with postMessage, transferables to avoid copies, and channel abstractions with request IDs and worker pools. Hybrid designs pair messages for control with shared memory for bulk data.
Aprenda WebAssembly (WASM) for High Performance Apps com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 12
- Aulas
- 48
Perguntas Frequentes
A aula “Passagem de Mensagens e Canais entre Threads WASM” é grátis?
Sim — o texto completo de “Passagem de Mensagens e Canais entre Threads WASM” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de WebAssembly (WASM) for High Performance Apps, atualize para CoddyKit PRO. O curso de WebAssembly (WASM) for High Performance Apps inclui 4 aulas no total.
O que vou aprender em “Passagem de Mensagens e Canais entre Threads WASM”?
Coordene trabalhadores WASM paralelos usando padrões de passagem de mensagens e abstrações de canais, em vez de memória compartilhada bruta. Você pratica WebAssembly (WASM) for High Performance Apps com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar WebAssembly (WASM) for High Performance Apps?
Nenhuma experiência prévia é necessária. WebAssembly (WASM) for High Performance Apps no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Passagem de Mensagens e Canais entre Threads WASM”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de WebAssembly (WASM) for High Performance Apps?
Sim. Cada aula de WebAssembly (WASM) for High Performance Apps inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Web Workers com threads WASM
- SharedArrayBuffer e atômicos para WASM
- Projetando aplicações WASM concorrentes
- Passagem de Mensagens e Canais entre Threads WASM