JavaScript? ?? ??? ?????. ?, ??? ?? ????? ? ?? ??? ?????. ? ???? ??? ?????? ???? ?? ????? ?? ?? ??? ??? ? ????. ? ?????? Web Workers, SharedArrayBuffer ? Atomics? JavaScript? ?????? ????? ??? ??????? ???? ??? ?????.

Web Worker, SharedArrayBuffer ? Atomics? ???? ??? ??????

? ???

? ???? ????? ????? JavaScript? ???? ????? ?? ??? ?? ???? ???? ?? ??? ?? ??? ???? ?? ?????.

?? ?? ??

SharedArrayBuffer? ???? ???? ??? ?? ???? ??? ?? ???? ??? ? ???? ? ?? ??? ?????.

???

Atom? ?? ???? ?? ???? ???? ???? ???? ?? ??? ???? ??? ???? ??? ???? ?????.

?: Web Workers ? SharedArrayBuffer? ??? ?? ??

??? ??? ?? ??? ???? ???? ???? ?? ??? ?????.

1??: ? ??? ???? ??

?? ?? ??? ???? ?? Worker.js?? ??? ????.

// worker.js
self.onmessage = function (event) {
    const { array, start, end } = event.data;
    let sum = 0;
    for (let i = start; i < end; i++) {
        sum += array[i];
    }
    self.postMessage(sum);
};

2??: ?? ??? ??

?? ??????? ??? ?? ??? ??? ?????.

// main.js
const array = Array.from({ length: 1_000_000 }, () => Math.floor(Math.random() * 100));
const numWorkers = 4;
const chunkSize = Math.ceil(array.length / numWorkers);
const workers = [];
const results = [];
let completedWorkers = 0;

// Create a SharedArrayBuffer for the array
const sharedBuffer = new SharedArrayBuffer(Int32Array.BYTES_PER_ELEMENT * array.length);
const sharedArray = new Int32Array(sharedBuffer);
sharedArray.set(array);

// Initialize workers
for (let i = 0; i < numWorkers; i++) {
    const worker = new Worker('worker.js');
    workers.push(worker);

    const start = i * chunkSize;
    const end = Math.min(start + chunkSize, array.length);

    worker.postMessage({ array: sharedArray, start, end });

    worker.onmessage = function (event) {
        results[i] = event.data;
        completedWorkers++;

        if (completedWorkers === numWorkers) {
            const totalSum = results.reduce((acc, curr) => acc + curr, 0);
            console.log('Total Sum:', totalSum);
        }
    };
}

3??: ???? ?? Atomics ??

Atomics? ???? ??? ????? ???? ?? ?? ???? ?????? ?????.

const progress = new Int32Array(sharedBuffer);
Atomics.add(progress, 0, 1); // Increment progress

if (Atomics.load(progress, 0) === numWorkers) {
    console.log('All workers completed their tasks.');
}

? ?? ??? ??

• ??? ??? ??: ?? ????? ?? ??? ?????.

• ?? ??: SharedArrayBuffer? ??? ? ??? ??? ?????.

• ??? ???: Atomics? ???? ????? ???? ??? ?????.

?? ?? ??

• ??? ??: ? ?? ???? ?? ??? ??? ??? ??? ?????.

• ?? ??: ??? ????? ?? ?????? ?????.

• ??? ??: UI ?? ?? ??? ???? ??? ?? ??????.

????

MDN ? ??: ? ??

MDN ? ??: SharedArrayBuffer

MDN ? ??: Atomics

? ??? ???? ??? JavaScript: Web Workers, SharedArrayBuffer ? Atomics? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!