WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi · Pelajaran

Memori Dikongsi & Atomik

Terokai penggunaan SharedArrayBuffer dan operasi atomik untuk akses data serentak berprestasi tinggi antara WASM dan JS.

Pelajaran 3 daripada 412 langkah

Memori Dikongsi & Atomik ialah pelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi merangkumi sejumlah 4 pelajaran.

Keserentakan & Memori Dikongsi

Apabila membina aplikasi berprestasi tinggi, khususnya dengan WebAssembly, anda sering perlu menjalankan tugasan secara serentak. Ini bermaksud menjalankan bahagian kod anda secara selari, mungkin merentasi bebenang yang berbeza.

Untuk bekerjasama dengan cekap, tugasan serentak ini sering perlu mengakses dan mengubah data yang sama. Di sinilah memori dikongsi digunakan.

Mengapa Bukan ArrayBuffer Sahaja?

Anda mungkin sudah mengetahui ArrayBuffer untuk mengendalikan data binari mentah dalam JavaScript. Walau bagaimanapun, ArrayBuffer standard tidak boleh dikongsi secara langsung antara konteks pelaksanaan yang berbeza (seperti bebenang utama dan Pekerja Web, atau antara JavaScript dan bebenang WebAssembly).

Setiap konteks akan mendapat salinan datanya sendiri, yang tidak cekap dan menyukarkan penyegerakan bagi kemas kini yang kerap.

Memperkenalkan SharedArrayBuffer

Penyelesaian untuk akses data serentak yang sebenar ialah SharedArrayBuffer. Ini ialah jenis ArrayBuffer khas yang membolehkan blok memori yang sama diakses oleh beberapa bebenang secara serentak.

Ini bermaksud bebenang utama JavaScript anda, Pekerja Web dan modul WebAssembly semuanya boleh membaca daripada dan menulis kepada data asas yang *sama tepat*, sekali gus membolehkan komunikasi yang cekap dan pengiraan selari yang kompleks.

Pengepala Keselamatan untuk Perkongsian

Disebabkan kerentanan keselamatan (seperti Spectre), penggunaan SharedArrayBuffer memerlukan pengepala respons HTTP tertentu ditetapkan oleh pelayan:

Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corp

Pengepala ini memastikan dokumen berada dalam konteks penyemakan imbas yang terasing dan terasing silang asal, yang diperlukan agar SharedArrayBuffer berfungsi dengan selamat.

Mencipta SharedArrayBuffer dalam JS

Mencipta SharedArrayBuffer adalah serupa dengan mencipta ArrayBuffer biasa. Anda menentukan saiznya dalam bait. Kemudian, anda boleh mencipta paparan tatasusunan berjenis (seperti Int32Array) untuk berinteraksi dengan memori dengan mudah.

const sharedBuffer = new SharedArrayBuffer(1024); // 1KB
const sharedArray = new Int32Array(sharedBuffer);

console.log("Shared buffer created!");
console.log("Size:", sharedArray.length * Int32Array.BYTES_PER_ELEMENT, "bytes");

Pandangan WASM terhadap Memori Dikongsi

Apabila SharedArrayBuffer dihantar kepada modul WebAssembly (contohnya melalui WebAssembly.Memory), WASM boleh memetakan memori ini ke dalam ruang memori linearnya sendiri. Ini membolehkan kod WASM membaca dan menulis data yang dikongsi secara langsung.

Akses langsung ini penting untuk prestasi kerana ia mengelakkan penyalinan data yang mahal antara persekitaran hos (JavaScript) dengan modul WASM.

Keadaan Perlumbaan & Keselamatan Data

Walaupun perkongsian memori amat berkuasa, ia memperkenalkan satu cabaran: keadaan perlumbaan. Jika beberapa bebenang cuba membaca dan menulis pada lokasi memori yang sama pada masa yang sama, hasil akhirnya mungkin tidak dapat diramalkan atau tidak betul.

Bayangkan dua bebenang cuba menambah satu pada pembilang secara serentak. Tanpa penyegerakan yang betul, satu kemas kini mungkin menulis ganti kemas kini yang lain, lalu menghasilkan kiraan yang salah.

Memperkenalkan Atomics untuk Keselamatan

Untuk mencegah keadaan perlumbaan, JavaScript menyediakan objek Atomics. Atomics menawarkan satu set operasi yang dijamin atomik, iaitu tidak boleh dipecahkan.

Operasi atomik sama ada selesai sepenuhnya atau tidak berlaku langsung, memastikan tiada bebenang lain boleh mencelahnya. Ini menjamin integriti data dalam memori dikongsi.

Bacaan dan Tulisan Atomik

Operasi atomik paling asas ialah `Atomics.load()` dan `Atomics.store()`. Kaedah ini memastikan pembacaan dan penulisan nilai ke lokasi memori dikongsi berlaku sebagai satu langkah yang tidak boleh dicelah.

const sharedBuffer = new SharedArrayBuffer(4); // 4 bytes
const int32View = new Int32Array(sharedBuffer);

// Safely store a value at index 0
Atomics.store(int32View, 0, 100);
console.log("Stored 100 atomically.");

// Safely load a value from index 0
const value = Atomics.load(int32View, 0);
console.log("Loaded value:", value);

Operasi Aritmetik Atomik

Selain bacaan/tulisan mudah, Atomics menyediakan operasi aritmetik seperti Atomics.add(), Atomics.sub(), Atomics.and() dan sebagainya. Operasi ini melakukan sesuatu operasi dan mengemas kini nilai secara atomik.

Atomics.add(typedArray, index, value) menambahkan value kepada elemen pada index dan mengembalikan nilai lama pada indeks tersebut, semuanya dalam satu langkah yang selamat.

const sharedBuffer = new SharedArrayBuffer(4);
const int32View = new Int32Array(sharedBuffer);
Atomics.store(int32View, 0, 5); // Initial value

console.log("Initial value:", Atomics.load(int32View, 0));

// Atomically add 3 to the value at index 0
const oldValue = Atomics.add(int32View, 0, 3);
console.log("Old value before add:", oldValue);
console.log("New value after add:", Atomics.load(int32View, 0));

Semakan Memori Dikongsi

Pertimbangkan coretan kod JavaScript berikut. Andaikan sharedBuffer ialah SharedArrayBuffer yang dikonfigurasikan dengan betul dan int32View ialah paparan Int32Array untuknya.

const int32View = new Int32Array(sharedBuffer);
Atomics.store(int32View, 0, 5);
const result = Atomics.add(int32View, 0, 2);
const finalValue = Atomics.load(int32View, 0);

Jawab dalam pelajaran interaktif

Ulang Kaji: Memori Dikongsi & Atomics

Kita telah meneroka cara SharedArrayBuffer membolehkan akses data serentak yang cekap antara JavaScript dan WebAssembly dengan membenarkan beberapa bebenang mengakses blok memori yang sama.

Untuk mengelakkan kerosakan data akibat keadaan perlumbaan, kita mempelajari Atomics, yang menyediakan operasi selamat dan tidak boleh dipecahkan untuk membaca, menulis dan mengubah data dalam memori dikongsi.

Alat ini penting untuk membina aplikasi WebAssembly berbilang bebenang yang berprestasi tinggi.

Percuma untuk bermula

Pelajari WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 12
Pelajaran: 48

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Memori Dikongsi & Atomik” percuma?

Ya — teks penuh “Memori Dikongsi & Atomik” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi, tingkat taraf kepada CoddyKit PRO. Kursus WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Memori Dikongsi & Atomik”?

Terokai penggunaan SharedArrayBuffer dan operasi atomik untuk akses data serentak berprestasi tinggi antara WASM dan JS. Anda berlatih WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi?

Tiada pengalaman terdahulu diperlukan. Pembelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.

Berapa lamakah pelajaran “Memori Dikongsi & Atomik” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi ini?

Ya. Setiap pelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi