Paso de mensajes y canales entre hilos WASM
Coordine trabajadores WASM paralelos mediante patrones de paso de mensajes y abstracciones de canales en lugar de memoria compartida sin procesar.
Paso de mensajes y canales entre hilos WASM es una lección gratuita de WebAssembly (WASM) for High Performance Apps en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de WebAssembly (WASM) for High Performance Apps, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de WebAssembly (WASM) for High Performance Apps incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en 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.
Aprende WebAssembly (WASM) for High Performance Apps con un tutor de IA — gratis
Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.
- Cursos
- 12
- Lecciones
- 48
Preguntas frecuentes
¿La lección «Paso de mensajes y canales entre hilos WASM» es gratis?
Sí — el texto completo de «Paso de mensajes y canales entre hilos WASM» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de WebAssembly (WASM) for High Performance Apps, actualiza a CoddyKit PRO. El curso de WebAssembly (WASM) for High Performance Apps incluye 4 lecciones en total.
¿Qué aprenderé en «Paso de mensajes y canales entre hilos WASM»?
Coordine trabajadores WASM paralelos mediante patrones de paso de mensajes y abstracciones de canales en lugar de memoria compartida sin procesar. Practicas WebAssembly (WASM) for High Performance Apps con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar WebAssembly (WASM) for High Performance Apps?
No se requiere experiencia previa. WebAssembly (WASM) for High Performance Apps en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.
¿Cuánto tiempo toma la lección «Paso de mensajes y canales entre hilos WASM»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de WebAssembly (WASM) for High Performance Apps?
Sí. Cada lección de WebAssembly (WASM) for High Performance Apps incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Web Workers con hilos WASM
- SharedArrayBuffer y atómicos para WASM
- Diseño de aplicaciones WASM concurrentes
- Paso de mensajes y canales entre hilos WASM