⚙️ Jak WebAssembly funguje

Technický proces od zdrojového kódu po spuštění v prohlížeči.

Kroky

1. Napíšeš kód v jazyce C, C++, Rust, Go nebo TinyGo
2. Zkompiluješ do binárního souboru .wasm pomocí nástroje jako Emscripten
3. Prohlížeč stáhne .wasm soubor (malý binární soubor)
4. Engine prohlížeče bleskurychle ověří a zkompiluje do strojového kódu
5. JavaScript volá funkce z WASM modulu

💻 JavaScript – příklad načtení WASM

// 1. Načtení WASM modulu
const response = await fetch("module.wasm");
const bytes = await response.arrayBuffer();

// 2. Instantiace modulu
const result = await WebAssembly.instantiate(bytes);

// 3. Volání funkce z WASM
console.log(result.instance.exports.sucet(2, 3)); // 5

🔄 Alternativní načtení přes import

// Pomocí ES6 import
import init, { sucet } from './module.js';

await init();
console.log(sucet(2, 3)); // 5

⚠️ Důležité

WASM není náhrada JavaScriptu! V praxi spolupracují:

• JavaScript – obsluha DOM, udalosti, integrace s API prohlížeče
• WASM – výpočetně náročné operace