JavaScript Atomics compareExchange()用法及代碼示例

原子.compareExchange()方法：之間原子操作，有一個內置方法 Atomics.compareExchange()，如果傳遞的參數等於數組中的舊值，則該方法用於交換數組特定位置的值。僅當傳遞的參數等於該位置的舊值時，JavaScript 中的 Atomics.compareExchange( ) 操作才會交換數組中的值。 Atomics.compareExchange( ) 操作返回駐留在數組該位置的舊值，無論它是否等於預期值。在寫回修改的值之前，不能發生其他寫入操作。

用法:

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

使用的參數：

• typedarray:它是您要修改的共享整數類型數組。
• index:它是 typedArray 中您想要交換值的位置。
• expectedValue:這是必須檢查相等性的數字。
• replacementValue:這是要交換的號碼。
• 原子.compareExchange()返回給定位置 (typedArray[index]) 的舊值。

下麵提供了上述函數的示例。

示例 1：在此示例中，我們將看到 JavaScript 中 Atomics.compareExchange( ) 的使用。

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

// creating a SharedArrayBuffer  
const sab = new SharedArrayBuffer(25); 
let arr = new Uint8Array(sab); 
  
// 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));

輸出：

9
5

示例 2：在此示例中，我們將看到 JavaScript 中 Atomics.compareExchange( ) 的使用。

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

// creating a SharedArrayBuffer  
let buf = new SharedArrayBuffer(25); 
let 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);

輸出：

3
6

應用：每當我們想要交換(僅當傳遞的參數等於該值時)數組特定位置處的值並且還想返回數組該位置處的順序值時，我們使用 Atomics.compareExchange() JavaScript 中的操作。

例子：

// creating a SharedArrayBuffer  
let mybuffer = new SharedArrayBuffer(25); 
let 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));

輸出：

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() 操作僅當傳遞的參數等於該位置的舊值時才會交換數組中的值，而 Atomics.exchange() 操作在 JavaScript 中，交換並存儲給定值在數組中的給定位置，而不將其與駐留在數組中該位置的舊值進行比較。兩個操作都會返回指定位置處存在的舊值。

支持的瀏覽器：

• 穀歌瀏覽器
• 微軟邊
• Firefox
• Opera
• Safari

我們有 Javascript 原子方法的完整列表，要檢查這些方法，請閱讀這篇JavaScript Atomics Complete Reference 文章。

我們有一份關於 Javascript 的備忘單，其中涵蓋了 Javascript 的所有重要主題，要檢查這些主題，請通過 Javascript Cheat Sheet-A Basic guide to JavaScript 。