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 。