JavaScript 中的 Atomics.add()

什么是原子？
Atomics 是 JavaScript 中的一个对象，它提供要作为静态方法执行的原子操作。就像 JavaScript 中的 Math 对象一样，Atomics 的所有属性和方法也是静态的。
原子与 SharedArrayBuffer（通用固定长度二进制数据缓冲区）对象一起使用。原子不是像其他全局对象那样的构造函数。原子不能与 new运算符一起使用，也不能作为函数调用。
JavaScript 中的原子操作
当有共享内存时，多个线程可以在内存中读取和写入相同的数据。为确保准确写入和读取预测值，除非当前操作完成，否则无法开始另一操作。原子操作也不能中断。
Atomics.add() 方法
在原子操作中，有一个方法Atomics.add()用于在数组中的给定位置添加给定值并返回该位置的旧值。在修改的值被写回之前，不会发生其他写操作。
句法：

Atomics.add(typedArray, index, value)

使用的参数：

1. typedarray ：它是您要修改的共享整数类型数组。
2. index ：它是 typedArray 中要添加值的位置。
3. value ：这是您要添加的数字。

返回值：
Atomics.add() 返回给定位置（typedArray[index]）的旧值。
下面提供了上述函数的示例。
例子：

Input : arr[0] = 9;
        Atomics.add(arr, 0, 3);
Output : 9

Input : arr[0] = 3; 
        Atomics.add(arr, 0, 2);
Output : 3

下面提供了上述函数的代码。
代码 1：

html

<!-- creating a SharedArrayBuffer -->
var buf = new SharedArrayBuffer(25);
var arr = new Uint8Array(buf);
  
<!-- Initialising element at zeroth position of array with 9 -->
arr[0] = 9;
  
<!-- Displaying the return value of the Atomics.add() method -->
console.log(Atomics.add(arr, 0, 3));
  
<!-- Displaying the updated SharedArrayBuffer -->
console.log(Atomics.load(arr, 0));

输出：

9
12

代码 2：

html

<!-- creating a SharedArrayBuffer -->
var buf = new SharedArrayBuffer(25);
var arr = new Uint8Array(buf);
  
<!-- Initialising element at zeroth position of array with 3 -->
arr[0] = 3;
  
<!-- Displaying the return value of the Atomics.add() method -->
console.log(Atomics.add(arr, 0, 2));
  
<!-- Displaying the updated SharedArrayBuffer -->
console.log(Atomics.load(arr, 0));

输出：

3
5

例外：

• 如果 typedArray 不是允许的整数类型之一，则引发 TypeError。
• 如果 typedArray 不是共享类型数组类型，则抛出 TypeError。
• 如果索引超出 typedArray 的范围，则抛出 RangeError。

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器