La API de BroadcastChannel

Aprenda los conceptos básicos de la comunicación de uno a muchos utilizando la API BroadcastChannel

La API de mensajería de canal es una excelente manera de enviar mensajes 1 a 1 desde una ventana a un iframe, desde una ventana a un Web Worker, etc.

La API BroadcastChannel se puede utilizar para enviar mensajes de uno a muchos, comunicándose con Múltiples entidades al mismo tiempo.

Comienza inicializando un BroadcastChannelobjeto:

const channel = new BroadcastChannel('thechannel')

Para enviar un mensaje en el canal utilice el postMessage()método:

channel.postMessage('Hey!')

Un mensaje puede ser cualquiera de estos valores admitidos:

• Todos los tipos primitivos, excepto los símbolos.
• Matrices
• Literales de objetos
• Objetos String, Date y RegExp
• Blob, File, FileListobjetos
• ArrayBuffer, ArrayBufferViewobjetos
• Objetos FormData
• Objetos ImageData
• Objetos de mapa y conjunto

Para recibir mensajes del canal, escuche el messageevento:Te recomendamos Significado de los nombres

channel.onmessage = (event) = { console.log('Received', event.data)}

Este evento se activa para todos los oyentes, excepto para aquel que envía el mensaje.

Puedes cerrar el canal usando:

channel.close()

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

La API de BroadcastChannel

Aprenda los conceptos básicos de la comunicación de uno a muchos utilizando la API BroadcastChannel

programar

es

2025-01-19

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente