Javascript Atomics.add( )用法及代码示例

什么是Atomics？
Atomics是JavaScript中的一个对象，它提供要作为静态方法执行的原子操作。就像JavaScript中的Math对象一样，Atomics的所有属性和方法也是静态的。
原子与SharedArrayBuffer(通用定长二进制数据缓冲区)对象一起使用。原子不是像其他全局对象那样的构造函数。原子不能与新运算符一起使用或可以作为函数调用。

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：

<script> 
<!-- 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)); 
</script>

输出：

9
12

代码2：

<script> 
<!-- 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)); 
</script>

输出：

3
5

异常：

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