面试题：Rust 与 WebAssembly 数据交互优化

使用 wasm-bindgen 优化数据传递
- 原理：wasm - bindgen 是 Rust 和 WebAssembly 与 JavaScript 进行交互的重要工具。它可以自动生成 Rust 与 JavaScript 之间交互的胶水代码，在结构体与对象传递时优化性能和内存开销。
- 示例：
  - 首先创建一个 Rust 项目并添加 wasm - bindgen 依赖。在 Cargo.toml 中添加：

[package]
name = "rust_wasm_example"
version = "0.1.0"
edition = "2021"

[lib]
crate - type = ["cdylib", "rlib"]

[dependencies]
wasm - bindgen = "0.2"

 - 编写 Rust 代码定义结构体并通过 `wasm - bindgen` 暴露给 JavaScript：

use wasm_bindgen::prelude::*;

// 定义一个简单的 Rust 结构体
#[wasm_bindgen]
#[derive(Clone, Copy)]
pub struct Point {
    x: f64,
    y: f64,
}

// 为结构体实现一些方法
#[wasm_bindgen]
impl Point {
    #[wasm_bindgen(constructor)]
    pub fn new(x: f64, y: f64) -> Point {
        Point { x, y }
    }

    pub fn distance(&self, other: &Point) -> f64 {
        ((self.x - other.x).powi(2) + (self.y - other.y).powi(2)).sqrt()
    }
}

 - 构建项目为 WebAssembly 格式：

wasm - build --target wasm32 - unknown - unknown

 - 在 JavaScript 中使用这个 WebAssembly 模块：

import init, { Point } from './pkg/rust_wasm_example.js';

async function main() {
    await init();
    const point1 = new Point(0, 0);
    const point2 = new Point(3, 4);
    const distance = point1.distance(point2);
    console.log(distance);
}

main();

避免不必要的序列化和反序列化
- 原理：如果数据结构比较复杂，频繁的序列化（Rust 结构体转 JSON 等格式）和反序列化（JSON 转 JavaScript 对象）会带来性能开销和内存消耗。通过直接传递简单数据类型或者使用 wasm - bindgen 提供的更高效的传递方式可以避免。
- 示例：假设我们有一个包含多个简单字段的结构体，避免将其序列化为 JSON 再传递。以之前的 Point 结构体为例，我们直接通过 wasm - bindgen 传递结构体实例，而不是先将 Point 序列化为 JSON 字符串，再在 JavaScript 中解析为对象。这样就减少了序列化和反序列化的性能开销和内存消耗。
使用共享内存（如果适用）
- 原理：在某些高级场景下，可以使用 WebAssembly 的共享内存特性，Rust 和 JavaScript 可以直接访问同一块内存区域，避免数据在两者之间的复制，从而提高性能并减少内存开销。
- 示例：
  - Rust 端代码（简化示例，实际使用需要更多错误处理等）：

use wasm_bindgen::prelude::*;
use wasm_bindgen::memory::Memory;

#[wasm_bindgen]
pub struct SharedData {
    memory: Memory,
}

#[wasm_bindgen]
impl SharedData {
    #[wasm_bindgen(constructor)]
    pub fn new() -> SharedData {
        let memory = Memory::new(1).expect("Failed to create memory");
        SharedData { memory }
    }

    pub fn get_memory(&self) -> &Memory {
        &self.memory
    }
}

 - JavaScript 端代码：

import init, { SharedData } from './pkg/rust_wasm_example.js';

async function main() {
    await init();
    const sharedData = new SharedData();
    const memory = sharedData.getMemory();
    const view = new Uint8Array(memory.buffer);
    // 这里可以对 view 进行读写操作，实现 Rust 和 JavaScript 共享数据
}

main();

这种方式通过共享内存，减少了数据在 Rust 结构体和 JavaScript 对象传递过程中的复制操作，提高了性能并减少了内存开销。但需要注意共享内存的同步和安全性问题。

星途面试题库

面试题：Rust 与 WebAssembly 数据交互优化

知识考点

面试题答案