如何提升 JavaScript 与 Rust 互操作，并更深入理解 was 的应用？

本文共计3611个文字，预计阅读时间需要15分钟。

前言：最近，我们已逐渐认识到WebAssembly如何快速编译、加速JS库以及生成更小的二进制格式。我们致力于制定高级规划，以实现Rust和JavaScript社区以及其他Web编程语言之间更好的交互性。

前言

最近我们已经见识了WebAssembly如何快速编译、加速JS库以及生成更小的二进制格式。我们甚至为Rust和JavaScript社区以及其他Web编程语言之间的更好的互操作性制定了高级规划。正如前面一篇文章中提到的，我想深入了解一个特定组件的细节，wasm-bindgen。

今天WebAssembly标准只定义了四种类型：两种整数类型和两种浮点类型。然而，大多数情况下，JS和Rust开发人员正在使用更丰富的类型！ 例如，JS开发人员经常与互以添加或修改HTML节点相关的文档交互，而Rust开发人员使用类似Result等类型进行错误处理，几乎所有程序员都使用字符串。

被局限在仅使用由WebAssembly所提供的类型将会受到太多的限制，这就是wasm-bindgen出现的原因。

wasm-bindgen的目标是提供一个JS和Rust类型之间的桥接。它允许JS使用字符串调用Rust API，或Rust函数捕获JS异常。

wasm-bindgen抹平了WebAssembly和JavaScript之间的阻抗失配，确保JavaScript可以高效地调用WebAssembly函数，并且无需boilerplate，同时WebAssembly可以对JavaScript函数执行相同的操作。

wasm-bindgen项目在其README文件中有更多描述。要入门，让我们深入到一个使用wasm-bindgen的例子中，然后探索它还有提供了什么。

1、Hello World！

学习新工具的最好也是最经典的方法之一就是探索下用它来输出“Hello, World!”。在这里，我们将探索一个这样的例子——在页面里弹出“Hello World！”提醒框。