アトミック-compareExchange（）メソッド

compareExchange指定された値が古い値と同じでない場合、メソッドは置換値を比較して交換します。その位置の古い値を返します。このアトミック操作により、変更された値が書き戻されるまで、他の書き込みが発生しないことが保証されます。

構文

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

パラメーター

typedArray 整数型の配列です。
index typedarray内の位置です。
expectedValue 同等性をチェックします。
replacementValue 交換します。

戻る

指定された位置の古い値を返します。

例外

TypeError 渡された配列が整数型の配列でない場合。
RangeError 渡されたインデックスが型付き配列の範囲外である場合。

例

以下は、JavaScriptアトミックを実装するためのコードです-

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Atomics Example</title>
      <style>
         .result {
            font-size: 20px;
            border: 1px solid black;
         }
      </style>
   </head>
   <body onLoad="operate();">
      <h1>JavaScript Atomics Properties</h1>
      <div class="result"></div>
      <p>Atomics.compareExchange(arr, 0, 6, 2)</p>
      <p>Atomics.load(arr, 0)</p>
      <script>
         function operate(){
            let container = document.querySelector(".result");
            // create a SharedArrayBuffer
            var buffer = new SharedArrayBuffer(25);
            var arr = new Uint8Array(buffer);
            // Initialise element at zeroth position of array with 6
            arr[0] = 6;
            container.innerHTML = Atomics.compareExchange(arr, 0, 6, 2) + '<br/>' + Atomics.load(arr, 0);
         }
      </script>
   </body>
</html>

出力

結果を確認します。