WebAssembly (WASM) คือฟอร์แมตไบนารีที่รันเร็ว ปลอดภัยแบบ sandbox และพกพาได้ ใช้คอมไพล์ภาษาอย่าง C/C++/Rust เพื่อเร่งงานคำนวณหนักบนเว็บหรือเอดจ์ โดยสื่อสารกับ DOM/Web API ผ่าน JavaScript เหมาะกับงานประสิทธิภาพสูง/พอร์ตโค้ดเดิม ไม่ได้แทนที่ JS ทั้งหมด

WebAssembly คืออะไร และมีผลกระทบต่อเว็บ/ธุรกิจอย่างไร

ภาพรวม WASM ทำให้เว็บรันงานระดับเนทีฟ “พอประมาณ” ได้โดยยังปลอดภัย ด้วยสถาปัตยกรรมแบบโมดูลไบนารี + VM ในเบราว์เซอร์ และมี API ให้สื่อสารกับ JS/DOM จึงเหมาะกับงานหนัก เช่น ประมวลผลรูป/วิดีโอ, CAD, วิทยาศาสตร์ข้อมูล, เกม 3D, หรือพอร์ตไลบรารีเดิมมาใช้ซ้ำบนเว็บ

สรุป “ใช้เมื่อไร / ไม่ควรใช้เมื่อไร”

สถาปัตยกรรมย่อ: JS ↔ WASM ↔ Web APIs

• WASM Module: ไบนารีที่ VM ของเบราว์เซอร์โหลดและรันใน sandbox
• JS Bridge: เรียกฟังก์ชันเข้า–ออกจากโมดูล, จัดการเมมโมรี, ผูกกับ DOM/Web APIs
• นอกเว็บ: รันบนเอดจ์/เซิร์ฟเวอร์ผ่านรันไทม์ที่รองรับ (เช่น Workers/Node) และ WASI

โค้ดตัวอย่าง: โหลด WASM แบบสมัยใหม่

// main.js
const res = await fetch('/wasm/image_ops.wasm');
const { instance } = await WebAssembly.instantiateStreaming(res, {
  env: { /* ฟังก์ชันที่ส่งให้ WASM เรียกกลับ */ }
});
// เรียกฟังก์ชันจากโมดูล
const outPtr = instance.exports.blur(/* args */);
// หมายเหตุ: ให้เสิร์ฟ MIME type application/wasm เพื่อใช้ instantiateStreaming ได้

ผลกระทบที่สำคัญต่อเว็บ/ธุรกิจ

เครื่องมือ/รันไทม์แนะ