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

什么是Atomics？

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

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

Atomics.compareExchange()方法

• 在原子操作中，有一个内置方法Atomics.compareExchange()，如果传递的参数等于数组中的旧值，该方法可用于在数组的特定位置交换值。
• JavaScript中的Atomics.compareExchange()操作仅在传递的参数等于该位置的旧值时才交换数组中的值。
• Atomics.compareExchange()操作返回位于数组该位置的较旧值，无论其是否等于预期值。
• 除非将修改后的值写回，否则无法进行其他写操作。

用法:

Atomics.compareExchange(typedArray, index, expectedValue, replacementValue)

使用的参数：

• typedarray:它是您要修改的共享整数类型的数组。
• index:它是typedArray中要交换值的位置。
• expectedValue :它是必须检查其相等性的数字。
• replacementValue :它是要交换的号码。

返回值：

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

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

例子：

Input : arr[0] = 9;
        Atomics.compareExchange(arr, 0, 9, 5);
Output : 5

Input : arr[0] = 3; 
        Atomics.compareExchange(arr, 0, 3, 6);
Output : 6

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

代码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.compareExchange() method  
console.log(Atomics.compareExchange(arr, 0, 9, 5)); 
  
// Displaying the updated SharedArrayBuffer  
console.log(Atomics.load(arr, 0)); 
</script>

输出：

9
5

代码2：

<script> 
// creating a SharedArrayBuffer  
var buf = new SharedArrayBuffer(25); 
var arr = new Uint8Array(buf); 
  
// Initialising element at second position of array with 3 
arr[2] = 3; 
  
// Displaying the return value of the Atomics.compareExchange() method 
console.log(Atomics.compareExchange(arr, 2, 3, 6)); 
  
// Displaying the updated SharedArrayBuffer  
console.log(Atomics.load(arr, 2); 
</script>

输出：

3
6

应用：

• 每当我们想要交换(仅当传递的参数等于该值时)数组的特定位置处的值并且还想返回该数组位置处的旧值时，我们就使用JavaScript中的Atomics.compareExchange()操作。

  让我们看一个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.compareExchange() method  
  console.log(Atomics.compareExchange(myarray, 0, 40, 20)); 
    
  // Displaying the updated SharedArrayBuffer  
  console.log(Atomics.load(myarray, 0)); 
  </script>

  输出：

  40
  20
  

异常：

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

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