二十一、Rust 与 WebAssembly (WASM)

以下是使用 wasm-pack + wasm-bindgen 的完整 Rust + WebAssembly 开发过程，包含详细步骤、代码示例和优化技巧：

一、环境准备

1. 安装必要工具

# 安装 wasm-pack
cargo install wasm-pack

# 安装 wasm-bindgen
cargo install wasm-bindgen-cli

# 安装 Node.js（用于测试）
npm install -g http-server

2. 验证安装

wasm-pack --version  # >= 0.10.0
node --version  # >= 16.x

二、创建 WASM 项目

1. 初始化项目

wasm-pack new wasm-demo
cd wasm-demo

项目结构自动生成：

wasm-demo/
├── Cargo.toml      # Rust 配置
├── src/
│   ├── lib.rs      # 主代码文件
│   └── utils.rs    # 工具模块
├── tests/
│   └── web.rs      # 浏览器测试
└── pkg/            # 编译输出目录

2. 关键文件说明

Cargo.toml：

[lib]
crate-type = ["cdylib"]  # 编译为动态库

[dependencies]
wasm-bindgen = "0.2"     # WASM 绑定生成器

src/lib.rs（初始模板）：

#[wasm_bindgen]
extern "C" {
    fn alert(s: &str);
}

#[wasm_bindgen]
pub fn greet() {
    alert("Hello, wasm-demo1!");
}

三、开发 WASM 模块

1. 基本函数示例

// src/lib.rs
use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn fibonacci(n: u32) -> u32 {
    match n {
        0 => 0,
        1 => 1,
        _ => fibonacci(n - 1) + fibonacci(n - 2),
    }
}

2. 处理复杂类型

// src/lib.rs
#[wasm_bindgen]
pub str