### 使用創建好的 WebAssembly 代碼
到目前為止,我們只生成了一個 WebAssembly 二進制文件。所以,你仍然需要采取一些步驟,才能使用該 WebAssembly 二進制文件并在 Web 瀏覽器的窗口中查看其結果。
如果你使用**Google Chrome 瀏覽器**,則有一個標志可讓你啟用 Liftoff,Liftoff 是 WebAssembly 的編譯器,從理論上講,它可以提高 WebAssembly 代碼的運行效率。嘗試以下沒什么副作用,你可以訪問 chrome:// flags/#enable-webassembly-baseline 來開啟它。
第一步是將`main.wasm`復制到 Web 服務器的目錄中。接下來,你將需要執行以下命令:
```shell
$ cp "$(go env GOROOT)/misc/wasm/wasm_exec.js" .
```
這會將 Go 安裝的`wasm_exec.js`復制到當前目錄中。你應該將該文件放在與`main.wasm`相同的 Web 服務器目錄中。
這里用到的`index.html`的代碼:
```html
<html>
<head>
<meta charset="utf-8" />
<title>Go and WebAssembly</title>
</head>
<body>
<script src="wasm_exec.js"></script>
<script>
if (!WebAssembly.instantiateStreaming) {
// polyfill
WebAssembly.instantiateStreaming = async (resp, importObject) => {
const source = await (await resp).arrayBuffer()
return await WebAssembly.instantiate(source, importObject)
}
}
const go = new Go()
let mod, inst
WebAssembly.instantiateStreaming(fetch('main.wasm'), go.importObject)
.then(result => {
mod = result.module
inst = result.instance
document.getElementById('runButton').disabled = false
})
.catch(err => {
console.error(err)
})
async function run() {
console.clear()
await go.run(inst)
inst = await WebAssembly.instantiate(mod, go.importObject)
}
</script>
<button onClick="run();" id="runButton" disabled>Run</button>
</body>
</html>
```
請注意,由 HTML 代碼創建的`Run`按鈕只有在 WebAssembly 代碼加載完成的情況下點擊有效。
下圖顯示了 WebAssembly 代碼的輸出,如 Google Chrome Web 瀏覽器的 JavaScript 控制臺中所示。其他 Web 瀏覽器將顯示類似的輸出。

> Tip: 在第 12 章“Go 中的網絡編程基礎”中,你將學習如何在 Go 中開發自己的 Web 服務器。
但其實有一種測試 WebAssembly 應用程序的簡便得多的方法,那就是使用**Node.js**。不需要 Web 服務器,因為 Node.js 是基于 Chrome V8 的 JavaScript 引擎構建的**JavaScript**運行時。
如果你已經在本地計算機上安裝了Node.js,則可以執行以下命令:
```shell
$ export PATH="$PATH:$(go env GOROOT)/misc/wasm"
$ GOOS=js GOARCH=wasm go run .
Creating WebAssembly code from Go!
```
第二個命令的輸出將驗證WebAssembly代碼是否正確并生成所需的消息。請注意,第一個命令并不是必須的,因為它只是更改PATH環境變量的當前值,以便包括當前Go安裝程序存儲與WebAssembly相關的文件的目錄。
- 介紹
- 1 Go與操作系統
- 01.1 Go的歷史
- 01.2 Go的未來
- 01.3 Go的優點
- 01.3.1 Go是完美的么
- 01.3.2 什么是預處理器
- 01.3.3 godoc
- 01.4 編譯Go代碼
- 2 理解 Go 的內部構造
- Go 編譯器
- Go 的垃圾回收
- 三色算法
- 有關 Go 垃圾收集器操作的更多信息
- Maps, silces 與 Go 垃圾回收器
- Unsafe code
- 有關 unsafe 包
- 另一個 usafe 包的例子
- 從 Go 調用 C 代碼
- 在同一文件用 Go 調用 C 代碼
- 在單獨的文件用 Go 調用 C 代碼
- 從 C 調用 Go 代碼
- Go 包
- C 代碼
- defer 關鍵字
- 用 defer 打印日志
- Panic 和 Recover
- 單獨使用 Panic 函數
- 兩個好用的 UNIX 工具
- strace
- dtrace
- 配置 Go 開發環境
- go env 命令
- Go 匯編器
- 節點樹
- 進一步了解 Go 構建
- 創建 WebAssembly 代碼
- 對 Webassembly 的簡單介紹
- 為什么 WebAssembly 很重要
- Go 與 WebAssembly
- 示例
- 使用創建好的 WebAssembly 代碼
- Go 編碼風格建議
- 練習和相關鏈接
- 本章小結
- 3 Go基本數據類型
- 03.1 Go循環
- 03.1.1 for循環
- 03.1.2 while循環
- 03.1.3 range關鍵字
- 03.1.4 for循環代碼示例
- 03.3 Go切片
- 03.3.1 切片基本操作
- 03.3.2 切片的擴容
- 03.3.3 字節切片
- 03.3.4 copy()函數
- 03.3.5 多維切片
- 03.3.6 使用切片的代碼示例
- 03.3.7 使用sort.Slice()排序
- 03.4 Go 映射(map)
- 03.4.1 Map值為nil的坑
- 03.4.2 何時該使用Map?
- 03.5 Go 常量
- 03.5.1 常量生成器:iota
- 03.6 Go 指針
- 03.7 時間與日期的處理技巧
- 03.7.1 解析時間
- 03.7.2 解析時間的代碼示例
- 03.7.3 解析日期
- 03.7.4 解析日期的代碼示例
- 03.7.5 格式化時間與日期
- 03.8 延伸閱讀
- 03.9 練習
- 03.10 本章小結
- 9 并發-Goroutines,Channel和Pipeline
- 09.1 關于進程,線程和Go協程
- 09.1.1 Go調度器
- 09.1.2 并發與并行
- 09.2 Goroutines
- 09.2.1 創建一個Goroutine
- 09.2.2 創建多個Goroutine
- 09.3 優雅地結束goroutines
- 09.3.1 當Add()和Done()的數量不匹配時會發生什么?
- 09.4 Channel(通道)
- 09.4.1 通道的寫入
- 09.4.2 從通道接收數據
- 09.4.3 通道作為函數參數傳遞
- 09.5 管道
- 09.6 延展閱讀
- 09.7 練習
- 09.8 本章小結