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

什么是Atomics？

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

JavaScript中的原子操作
当存在共享内存时，多个线程可以在内存中读取和写入相同的数据。为确保准确写入和读取预测值，除非当前操作完成，否则其他操作将无法开始。原子操作也不能中断。

Atomics.exchange()方法

在原子操作中，有一个内置的操作Atomics.exchange()，用于在阵列中的特定位置交换和存储新值。
JavaScript中的Atomics.exchange()操作会在已替换为新值的数组的该位置处返回旧值。
在读取旧值和写入新值之间不会发生其他写操作。

Atomics.compareExchange和Atomics.exchange之间的区别
正如我们看到的那样，仅当传递的参数等于该位置的旧值时，JavaScript中的Atomics.compareExchange()操作才会交换数组中的值，而JavaScript中的Atomics.exchange()操作则在给定位置交换并存储给定值而不将其与位于该数组位置的旧值进行比较。
这两个操作均返回指定位置上存在的较旧值。

用法:

Atomics.exchange(typedArray, index, value)

使用的参数：

typedarray:它是您要修改的共享整数类型的数组。
index:它是typedArray中要交换值的位置。
value:这是要交换的号码。

返回值：
Atomics.exchange()返回给定位置(typedArray [index])的旧值。

下面提供上述函数的示例。

例子：

Input : arr[0] = 9;
        Atomics.exchange(uint8, 0, 2);
Output : 2

Input : arr[0] = 3; 
        Atomics.exchange(uint8, 0, 1);
Output : 1

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

代码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 SharedArrayBuffer  
console.log(Atomics.load(arr, 0)); 
  
// Exchanging value in the SharedArrayBuffer using the Atomics.exchange() method  
Atomics.exchange(arr, 0, 2); 
  
// Displaying the updated SharedArrayBuffer  
console.log(Atomics.load(arr, 0)); 
  
</script>

输出：

9
2

代码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 SharedArrayBuffer 
console.log(Atomics.load(arr, 0)); 
  
// Exchanging value in the SharedArrayBuffer using the Atomics.exchange() method  
Atomics.exchange(arr, 0, 1); 
  
// Displaying the updated SharedArrayBuffer  
console.log(Atomics.load(arr, 0)); 
</script>

输出：

3
1

应用：
每当我们想要在数组的特定位置交换值并且还想返回数组的该位置的旧值时，我们就在JavaScript中使用Atomics.exchange()操作。

让我们看一个JavaScript程序：

<script> 
// creating a SharedArrayBuffer  
var mybuffer = new SharedArrayBuffer(25); 
var myarray = new Uint8Array(mybuffer); 
  
// Initialising the element at zeroth position of array 
myarray[0] = 40; 
  
// Displaying the return value of the Atomics.exchange() method 
console.log(Atomics.exchange(myarray, 0, 20)); 
  
// Displaying the updated SharedArrayBuffer 
console.log(Atomics.load(myarray, 0)); 
</script>

输出：

40
20

异常：

如果typedArray不是允许的整数类型之一，则Atomics.exchange()操作将引发TypeError。
如果typedArray不是共享的类型数组，则Atomics.exchange()操作将引发TypeError。
如果用作Atomics.exchange()操作参数的索引超出了typedArray的范围，则Atomics.exchange()操作将引发RangeError。

注：本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 Atomics.exchange() In JavaScript。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。