WebAssembly
1. 概述
WebAssembly（简称 Wasm）是一种面向 Web 的二进制指令格式，用于在浏览器中以接近原生性能运行代码。它被设计为 JavaScript 的补充，而非替代，可与 JavaScript 协同工作。
WebAssembly 支持多种语言编译生成，如 C、C++、Rust 等，使开发者能够将高性能代码运行在 Web 环境中。
2. 核心特性
2.1 高性能
- 接近原生执行速度
- 二进制格式，加载更快
- 支持高效编译与优化
2.2 跨平台
- 可运行于所有支持 WebAssembly 的浏览器
- 与操作系统无关
- 与硬件架构解耦
2.3 安全性
- 运行在沙箱环境中
- 严格的内存访问控制
- 不可直接访问 DOM 或系统 API
2.4 多语言支持
支持通过编译器将多种语言转换为 Wasm：
- C / C++（Emscripten）
- Rust
- Go
- AssemblyScript
3. 核心概念
Module（模块） WebAssembly 的基本加载单位，包含函数、内存、全局变量等定义。
Instance（实例） Module 在运行时的实例化结果，包含可执行代码和运行时状态。
Memory（内存） 线性内存结构，用于存储数据，JavaScript 可通过 ArrayBuffer 访问。
Table（函数表） 用于存储函数引用，支持间接调用。
Import/Export：
- Import：从外部（通常是 JavaScript）导入功能
- Export：向外部暴露 Wasm 中的函数或变量
4. 工作流程
WebAssembly 的基本执行流程如下：
- 编写源代码（如 C / Rust）
- 编译为 .wasm 文件
- 加载 wasm 模块
- 实例化模块（Instance）
- 调用导出函数
5. 与 JavaScript 协作
WebAssembly 通常与 JavaScript 配合使用：
- JavaScript 负责 UI、DOM 操作
- WebAssembly 负责高性能计算
示例：
javascript
const result = instance.exports.compute(data);
render(result);6. 与 WebGPU / WebGL 的关系
| 技术 | 作用 |
|---|---|
| WebAssembly | 高性能计算执行 |
| WebGPU | GPU 渲染与计算 |
| WebGL | 传统图形渲染 |
三者可以组合使用：
- WebAssembly：处理数据计算
- WebGPU：负责渲染
- JavaScript：负责业务逻辑
7. 优势与限制
7.1 优势
- 高性能执行
- 多语言支持
- 安全沙箱
- 可复用现有代码库
7.2 限制
- 无法直接操作 DOM
- 调试相对复杂
- 内存管理需要手动控制
- 初始加载仍需网络请求
8. 总结
WebAssembly 是 Web 平台的重要技术之一，为浏览器带来了接近原生的执行能力。
其核心价值包括：
- 提升性能
- 扩展语言能力
- 支持复杂应用
WebAssembly 与 WebGPU 等技术结合，成为高性能应用（尤其是游戏）的关键基础设施。