Atomics - เพิ่ม () วิธีการ

addวิธีการเพิ่มค่าที่ระบุในตำแหน่งที่กำหนดในอาร์เรย์ จะคืนค่าเก่าที่ตำแหน่งนั้น การดำเนินการของอะตอมนี้ทำให้แน่ใจได้ว่าจะไม่มีการเขียนอื่นใดเกิดขึ้นได้จนกว่าค่าที่แก้ไขจะถูกเขียนกลับ

ไวยากรณ์

Atomics.add(typedArray, index, value)

พารามิเตอร์

typedArray คืออาร์เรย์ที่พิมพ์จำนวนเต็ม
index เป็นตำแหน่งในพิมพ์ดีด
value ที่จะเพิ่ม

กลับ

ส่งคืนค่าเก่าที่ตำแหน่งที่กำหนด

ข้อยกเว้น

TypeError ในกรณีที่อาร์เรย์ที่ส่งผ่านไม่ใช่อาร์เรย์ที่พิมพ์จำนวนเต็ม
RangeError หากดัชนีที่ส่งผ่านไม่ถูกผูกไว้ในอาร์เรย์ที่พิมพ์

ตัวอย่าง

ต่อไปนี้เป็นโค้ดสำหรับการใช้งาน JavaScript Atomics -

<!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.add(arr, 0, 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.add(arr, 0, 2) + '<br/>' + Atomics.load(arr, 0);
         }
      </script>
   </body>
</html>

เอาต์พุต

ตรวจสอบผลลัพธ์