Atomics - 概述

Atomics

Atomics 是 JavaScript 中的一个对象,它提供以静态方法执行的原子操作。就像 Math 对象的方法一样,Atomics 的方法和属性也是静态的。Atomics 与 SharedArrayBuffer 对象一起使用。

Atomic 操作安装在 Atomics 模块上。与其他全局对象不同,Atomics 不是构造函数。Atomics 不能与 new 运算符一起使用,也不能作为函数调用。

原子操作

原子操作不可中断。

当共享内存时,多个线程可以读取或写入内存中现有的数据。因此,如果任何数据发生变化,就会丢失数据。原子操作确保准确写入和读取预测值(数据)。原子操作只有在当前操作完成时才会启动,因此无法更改现有数据。

示例

以下是演示如何使用 JavaScript 原子操作的代码 −

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Atomics Example</title>
      <style>
         .result {
            font-size: 20px;
            border: 1px solid black;
         }
      </style>
   </head>
   <body onLoad="operate();">
      <h1>JavaScript Atomics Properties</h1>
      <div class="result"></div>
      <p>Atomics.add(arr, 0, 2)</p>
      <p>Atomics.load(arr, 0)</p>
      <script>
         function operate(){
            let container = document.querySelector(".result");
            // 创建一个 SharedArrayBuffer
            var buffer = new SharedArrayBuffer(25);
            var arr = new Uint8Array(buffer);
            // 用 6 初始化数组第 0 个位置的元素
            arr[0] = 6;
            container.innerHTML = Atomics.add(arr, 0, 2) + '<br/>' + Atomics.load(arr, 0);
         }
      </script>
   </body>
</html>

输出

验证结果。