在 Rust 中，使用 WebAssembly (WASM) 實現模塊化可以通過以下幾個步驟來完成：
cargo new --lib my_wasm_project
cd my_wasm_project
Cargo.toml 文件中添加 wasm-bindgen 依賴：[package]
name = "my_wasm_project"
version = "0.1.0"
authors = ["Your Name <your.email@example.com>"]
edition = "2018"
[lib]
crate-type = ["cdylib"]
[dependencies]
wasm-bindgen = "0.2"
src/lib.rs 文件中編寫 Rust 代碼：// src/lib.rs
use wasm_bindgen::prelude::*;
#[wasm_bindgen]
pub fn add(a: i32, b: i32) -> i32 {
a + b
}
#[wasm_bindgen]
pub struct MyStruct {
value: i32,
}
#[wasm_bindgen]
impl MyStruct {
#[wasm_bindgen(constructor)]
pub fn new(value: i32) -> MyStruct {
MyStruct { value }
}
#[wasm_bindgen]
pub fn get_value(&self) -> i32 {
self.value
}
#[wasm_bindgen]
pub fn set_value(&mut self, value: i32) {
self.value = value;
}
}
cargo build --target wasm32-unknown-unknown --release
wasm-bindgen 生成 JavaScript 綁定文件：wasm-bindgen target/wasm32-unknown-unknown/release/my_wasm_project.wasm --out-dir ./pkg --target web
這將生成一個 pkg 目錄，其中包含生成的 .js 和 .wasm 文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My WebAssembly Project</title>
</head>
<body>
<script src="./pkg/my_wasm_project.js"></script>
<script>
// 初始化 WebAssembly 模塊
const wasmInstance = await WebAssembly.instantiateStreaming(fetch('./pkg/my_wasm_project_bg.wasm'));
// 獲取導出的函數和結構體
const { add, MyStruct } = wasmInstance.instance.exports;
// 使用導出的函數和結構體
console.log(add(1, 2)); // 輸出：3
const myStruct = MyStruct.new(42);
console.log(myStruct.get_value()); // 輸出：42
myStruct.set_value(84);
console.log(myStruct.get_value()); // 輸出：84
</script>
</body>
</html>
通過以上步驟，你可以在 Rust 中使用 WebAssembly 實現模塊化。你可以根據需要將代碼拆分為多個模塊，并在 Cargo.toml 文件中配置依賴關系。
