Rust 与 WebAssembly 实战：在浏览器与 Node.js 中运行高性能代码
WebAssembly（Wasm）作为一种可移植、高性能的低级字节码格式，正在改变我们构建 Web 应用的方式。它不仅能突破 JavaScript 的性能瓶颈，还能让 Rust 等系统级语言轻松运行在浏览器和 Node.js 环境中。本文将深入探讨如何从编译到交互，再到实际场景应用，完整掌握 Rust + Wasm 的开发流程。
WebAssembly 基础
核心定义与特点
Wasm 设计初衷是在浏览器中运行，但现在已扩展支持 Wasmtime、Wasmer 等独立运行时。其核心优势在于：
- 高性能：执行速度接近原生代码，比纯 JS 快 10-100 倍，特别适合计算密集型任务。
- 可移植性：一次编译，到处运行，无需修改即可适配不同环境。
- 安全性：运行在沙箱中，内存访问受到严格限制。
- 体积小：压缩后体积通常小于等效的 JS 代码，加载更快。
性能对比概览
| 指标 | JavaScript | WebAssembly（Rust） |
|---|---|---|
| 执行速度（计算密集型） | 一般 | 极高 |
| 内存占用 | 较高 | 较低 |
| 开发效率 | 高 | 中等 |
| 调试难度 | 低 | 中等 |
| 生态系统 | 成熟 | 发展中 |
典型应用场景
- 浏览器端：图像/视频处理、音频处理、WebGL 计算辅助、加密解密。
- Node.js 端：数据压缩、机器学习推理、密码学计算。
- 边缘计算：在 CDN 节点运行 Wasm 模块，减少网络延迟。
编译工具链配置
安装 wasm-pack
wasm-pack 是官方推荐的编译工具，负责将 Rust 代码编译为 Wasm 并生成 JS 绑定。
# 使用 Cargo 安装
cargo install wasm-pack
安装 cargo-web（可选）
如果需要热重载或静态资源打包，可以使用 cargo-web。
# 需要 Rust 1.70 或更高版本
cargo install cargo-web --version 0.6.42
Rust 与 JavaScript 交互基础
创建项目与编写代码
使用 wasm-pack 初始化项目：
wasm-pack new rust-wasm-demo
cd rust-wasm-demo
在 src/lib.rs 中编写暴露给 JS 的函数。注意使用 #[wasm_bindgen] 宏标记导出函数。
