WebAssembly 和 Go：打造闪电般快速的 Web 应用

WebAssembly 和 Go：为什么现代 Web 开发者需要它？

您是否曾梦想过直接在浏览器中运行 Go 的高性能代码？或者，您是否希望重用现有的 Go 库到 Web 界面中，而无需用 JavaScript 重写它？如果是这样，那么您来对地方了。WebAssembly (Wasm) 与 Go 的结合，不仅仅是一种时尚潮流，更是创建在浏览器性能极限上运行的应用程序的真正工具。

在本文中，我们将探讨什么是 WebAssembly，为什么 Go 是生成 Wasm 模块的理想选择，最重要的是——我们将编写真实的代码。我们不会复制枯燥的教程。我们将创建一个有用的工具：一个在客户端运行、比纯 JavaScript 快 10 倍的数据快速解析器。开始吧！

什么是 WebAssembly？简单来说

想象一下，JavaScript 是一辆自动挡汽车。它方便、可预测，但并非总是快速。WebAssembly 则是一辆赛车。它是一种二进制指令格式，几乎以原生速度执行。浏览器（Chrome、Firefox、Safari、Edge）能够在隔离的沙箱中运行 Wasm 代码，直接访问内存和 CPU。

WebAssembly 的主要特点：

\n
• 速度：以接近原生代码（C/C++、Rust、Go）的速度执行。
\n
• 安全性：沙箱不允许直接访问系统（与 JavaScript 一样）。
\n
• 可移植性：在任何拥有现代浏览器的地方都能运行。
\n
• 体积：紧凑的二进制文件 (.wasm)。
\n

这时，Go 登场了。与 C 或 Rust 不同，Go 内置了 WebAssembly 编译器（GOOS=js GOARCH=wasm）。这意味着您可以获取任何 Go 包，将其编译成 .wasm 并在浏览器中运行。听起来像魔法，对吧？

为什么 WebAssembly 偏偏选择 Go？

您可能会问一个合理的问题：“既然有 Rust 或 AssemblyScript，为什么还要用 Go？”答案在于 Go 的设计理念：

\n
• 简洁性：Go 以其极简的语法而闻名。您编写的代码易于阅读和维护。
\n
• Goroutine：在 WebAssembly 中，goroutine 可以工作！您可以运行并发计算而不会阻塞主线程。
\n
• 生态系统：大量库（解析器、加密、数据处理）可以无需修改地重用。
\n
• 低门槛：如果您了解 Go，则无需学习新语言即可使用 Wasm。
\n

唯一的缺点是二进制文件的大小。Go 运行时增加了体积（通常为 2-5 MB）。但对于严肃的应用程序（图像编辑器、模拟、游戏）来说，这并不重要。

实践：在 Go 中解析数据并在浏览器中运行

让我们创建一个应用程序，它接收一个包含数字的字符串（例如 "12, 34, 56, 78"），并输出总和与算术平均值。这是 ETL 流程或日志处理的典型任务。用 JavaScript 也可以实现，但用 Go 更快。

步骤 1：编写导出到 JS 的 Go 函数

创建一个文件 main.go。主要规则：我们不能直接在浏览器中使用 fmt.Println。相反，我们将通过全局对象 global（在 Go 中是 syscall/js）返回结果。

package main\n\nimport (\n    "strconv"\n    "strings"\n    "syscall/js"\n)\n\n// calculate — 将从 JavaScript 调用的函数\nfunc calculate(this js.Value, args []js.Value) interface{} {\n    if len(args) == 0 {\n        return map[string]interface{}{\n            "error": "未传递参数",\n        }\n    }\n\n    input := args[0].String()\n    parts := strings.Split(input, ",")\n    \n    var sum float64\n    cou