// 獲取遠(yuǎn)程腳本代碼
fetch('https://example.com/remote-script.js')
  .then(response => response.text())
  .then(scriptText => {
    // 創(chuàng)建 Blob 對(duì)象
    const blob = new Blob([scriptText], { type: 'application/javascript' });
    // 創(chuàng)建 Blob URL
    const blobUrl = URL.createObjectURL(blob);
    // 創(chuàng)建 Web Worker
    const worker = new Worker(blobUrl);
    // Web Worker 的消息處理邏輯
    worker.onmessage = function(event) {
      // 處理 Web Worker 發(fā)送的消息
      console.log('Message from Web Worker:', event.data);
    };
    // 向 Web Worker 發(fā)送消息
    worker.postMessage('Hello from main thread!');
  })
  .catch(error => {
    // 處理錯(cuò)誤
    console.error('Failed to load remote script:', error);
  });

// 發(fā)送請(qǐng)求獲取 localStorage 中的數(shù)據(jù)
self.postMessage({ type: 'getLocalStorage', key: 'myKey' });

// 監(jiān)聽(tīng) Web Worker 發(fā)送的消息
worker.onmessage = function(event) {
  // 根據(jù)消息類型執(zhí)行相應(yīng)的操作
  if (event.data.type === 'getLocalStorage') {
    // 從 localStorage 中獲取數(shù)據(jù)
    const value = localStorage.getItem(event.data.key);
    // 發(fā)送結(jié)果回 Web Worker
    worker.postMessage({ type: 'localStorageData', value });
  }
};

// 創(chuàng)建兩個(gè) Web Workers
const worker1 = new Worker('worker1.js');
const worker2 = new Worker('worker2.js');
// 向 worker1 發(fā)送消息
worker1.postMessage('Hello from main thread to worker1!');
// 監(jiān)聽(tīng) worker1 發(fā)送的消息
worker1.onmessage = function(event) {
  console.log('Message from worker1:', event.data);
};
// 向 worker2 發(fā)送消息
worker2.postMessage('Hello from main thread to worker2!');
// 監(jiān)聽(tīng) worker2 發(fā)送的消息
worker2.onmessage = function(event) {
  console.log('Message from worker2:', event.data);
};

// 監(jiān)聽(tīng)主線程發(fā)送的消息
self.onmessage = function(event) {
  console.log('Message from main thread to worker1:', event.data);

  // 向主線程回復(fù)消息
  self.postMessage('Hello from worker1!');
};

// 監(jiān)聽(tīng)主線程發(fā)送的消息
self.onmessage = function(event) {
  console.log('Message from main thread to worker2:', event.data);

  // 向 worker1 發(fā)送消息
  self.postMessage('Hello from worker2 to worker1!');
};

// 創(chuàng)建兩個(gè) Web Workers
const worker1 = new Worker('worker1.js');
const worker2 = new Worker('worker2.js');
// 向 worker1 發(fā)送消息
worker1.postMessage('Hello from main thread to worker1!');
// 監(jiān)聽(tīng) worker1 發(fā)送的消息
worker1.onmessage = function(event) {
  console.log('Message from worker1:', event.data);
  // 如果 worker1 發(fā)送了消息給 worker2
  if (event.data.to === 'worker2') {
    // 將消息轉(zhuǎn)發(fā)給 worker2
    worker2.postMessage(event.data.message);
  }
};
// 向 worker2 發(fā)送消息
worker2.postMessage('Hello from main thread to worker2!');
// 監(jiān)聽(tīng) worker2 發(fā)送的消息
worker2.onmessage = function(event) {
  console.log('Message from worker2:', event.data);
  // 如果 worker2 發(fā)送了消息給 worker1
  if (event.data.to === 'worker1') {
    // 將消息轉(zhuǎn)發(fā)給 worker1
    worker1.postMessage(event.data.message);
  }
};

// 向主線程發(fā)送消息，并指定接收者為 worker2
self.postMessage({ to: 'worker2', message: 'Hello from worker1 to worker2!' });

// 向主線程發(fā)送消息，并指定接收者為 worker1
self.postMessage({ to: 'worker1', message: 'Hello from worker2 to worker1!' });

// index.js
const sharedBuffer = new SharedArrayBuffer(4); // 創(chuàng)建一個(gè)共享內(nèi)存，包含 4 個(gè)字節(jié)
const worker1 = new Worker('worker1.js');
const worker2 = new Worker('worker2.js');

// 向 worker1 和 worker2 傳遞共享內(nèi)存
worker1.postMessage({ type: 'buffer', buffer: sharedBuffer });
worker2.postMessage({ type: 'buffer', buffer: sharedBuffer });

// worker1
self.onmessage = (event) => {
  const data = event.data;
  if (data.type === 'buffer') {
    const sharedArray = new Int32Array(data.buffer); // 創(chuàng)建一個(gè) Int32Array 視圖來(lái)訪問(wèn)共享內(nèi)存
    // 在共享內(nèi)存中進(jìn)行原子加法操作
    Atomics.add(sharedArray, 0, 1); // 將共享內(nèi)存中索引為 0 的值增加 1
    // 向 worker2 發(fā)送一個(gè)消息，包含共享內(nèi)存中索引為 0 的值
    self.postMessage({ type: 'value', value: sharedArray[0] });
  }
};

// worker2
self.onmessage = (event) => {
  const data = event.data;
  if (data.type === 'buffer') {
    const sharedArray = new Int32Array(data.buffer); // 創(chuàng)建一個(gè) Int32Array 視圖來(lái)訪問(wèn)共享內(nèi)存
    // 在共享內(nèi)存中進(jìn)行原子加法操作
    Atomics.add(sharedArray, 0, 2); // 將共享內(nèi)存中索引為 0 的值增加 2
    // 向主線程發(fā)送一個(gè)消息，包含共享內(nèi)存中索引為 0 的值
    self.postMessage({ type: 'value', value: sharedArray[0] });
  }
};

// index.js
// 接收來(lái)自 worker1 的消息，并輸出共享內(nèi)存中的值
worker1.onmessage = (event) => {
  const data = event.data;
  if (data.type === 'value') {
    console.log('worker1 value:', data.value); // 輸出共享內(nèi)存中索引為 0 的值
  }
};
// 接收來(lái)自 worker2 的消息，并輸出共享內(nèi)存中的值
worker2.onmessage = (event) => {
  const data = event.data;
  if (data.type === 'value') {
    console.log('worker2 value:', data.value); // 輸出共享內(nèi)存中索引為 0 的值
  }
};