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

在 Atomic Operations 中，有一個內置操作 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：

javascript


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

輸出：

9
2

示例 2：

javascript


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

輸出：

3
1

應用：每當我們想要交換數組特定位置的值並返回數組該位置的順序值時，我們就使用 JavaScript 中的 Atomics.exchange() 操作。

例子：

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.exchange() method 
console.log(Atomics.exchange(myarray, 0, 20)); 
  
// Displaying the updated SharedArrayBuffer 
console.log(Atomics.load(myarray, 0));

輸出：

40
20

異常：

如果 typedArray 不是允許的整數類型之一，則 Atomics.exchange() 操作會拋出 TypeError。
如果 typedArray 不是共享類型數組，則 Atomics.exchange() 操作會拋出 TypeError。
如果用作 Atomics.exchange( ) 操作參數的索引超出了 typedArray 的範圍，則 Atomics.exchange( ) 操作將拋出 RangeError 。

支持的瀏覽器：

穀歌瀏覽器
微軟邊
Firefox
Opera
Safari

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

我們有一份關於 Javascript 的備忘單，其中涵蓋了 Javascript 的所有重要主題，請查看這些主題Javascript Cheat Sheet-A JavaScript 基本指南.

相關用法

注：本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 JavaScript Atomics exchange( ) Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。