Atomics - add() 方法

add 方法在数组的给定位置添加提供的值。它返回该位置的旧值。此原子操作可确保在修改后的值写回之前不会发生其他写入。

语法

Atomics.add(typedArray, index, value)

参数

typedArray 是整数类型数组。
index 是 typedarray 中的位置。
要添加的值。

返回给定位置的旧值。

异常

TypeError 如果传递的数组不是整数类型数组。
RangeError 如果传递的索引超出了类型数组的界限。

示例

以下是实现 JavaScript Atomics 的代码 −

<!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>