JavaScript 中的 Atomics.load()

在多线程编程中，为了避免线程之间的竞态条件和死锁，JavaScript 提供了原子操作的支持，其中 Atomics.load() 就是一种原子加载内存值的操作函数。

语法

Atomics.load(typedArray, index);

参数

• typedArray：TypedArray 的实例，表示要加载的内存区域。
• index：要加载的内存地址在 typedArray 中的索引。

返回值

• 返回被加载的值。

示例

// 创建一个新的共享内存
const sharedBuffer = new SharedArrayBuffer(4);

// 在数组视图上分别写入 10, 20 和 30
const sharedArray = new Int32Array(sharedBuffer);
sharedArray[0] = 10;
sharedArray[1] = 20;
sharedArray[2] = 30;

// 子线程中使用 Atomics.load() 进行原子加载
const workerThread = new Worker('worker.js');
workerThread.onmessage = (event) => {
  console.log(`The value at index 1 is: ${event.data}`);
};
workerThread.postMessage(null);

// worker.js 中的代码
onmessage = () => {
  const sharedBuffer = new SharedArrayBuffer(4);
  const sharedArray = new Int32Array(sharedBuffer);
  
  // 子线程使用 Atomics.load() 进行原子加载，并通过 postMessage() 向主线程发送
  const loadedValue = Atomics.load(sharedArray, 1);
  postMessage(loadedValue);
};

以上示例展示了如何使用 Atomics.load() 进行原子加载。在主线程中，我们创建了一个新的共享内存 sharedBuffer，并且在数组视图 sharedArray 上分别写入了 10、20 和 30。然后我们创建了一个子线程 workerThread，在这个子线程里使用了 Atomics.load() 进行了原子加载，并通过 postMessage() 向主线程发送了加载的值。

注意事项

1. Atomics.load() 只能加载被 TypedArray 内存映射的共享内存的值，不能用于加载常规的值。
2. Atomics.load() 是一种原子操作，能够在多线程环境中保证线程安全，避免竞态条件和死锁等问题。
3. Atomics.load() 会在读取数据的同时锁定共享内存，如果锁定的时间过长，可能会导致性能问题。