浏览器跨窗口共享数据

window.localStorage.setItem('key', 'hello world')

window.addEventListener('storage', event => {
  console.log(event)
})

const { port1, port2 } = new MessageChannel()
 
const worker = new Worker('worker.js')
worker.postMessage({ port: port1 }, [port1])
 
port2.onmessage = event => {

self.onmessage = event => {
  const { port } = event.data
 
  port.onmessage = event => {
    console.log('Received from main thread:', event.data)
  }
 
  port.postMessage('hello world')

const channel = new BroadcastChannel('name')
channel.postMessage('hello world')

const channel = new BroadcastChannel('name')
channel.onmessage = event => {
  console.log(event.data)
}

const worker = new SharedWorker('worker.js')
 
worker.port.onmessage = event => {
  console.log('Received from worker:', event.data)
}
 
worker.port.postMessage('hello world')

const ports = []
 
self.onconnect = event => {
  const port = event.ports[0]
  ports.push(port)
 
  port.onmessage = event => {
    console.log(event.data)

window.postMessage('hello world', '*')

window.addEventListener('message', event => {
  console.log(event.data)
})