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()操作則在給定位置中的給定位置處交換並存儲給定值而不將其與位於該數組位置的舊值進行比較。
這兩個操作均返回指定位置上存在的較舊值。