要在JavaScript中調(diào)用Go代碼需通過WebAssembly實現(xiàn)，具體步驟如下：1.確保Go版本≥1.15，並設置GOOS=js和GOARCH=wasm進行編譯；2.使用//go:export標記導出需在JS中調(diào)用的函數(shù)；3.引入wasm_exec.js並在HTML中加載並調(diào)用WASM模塊；4.處理參數(shù)時需通過TextEncoder/TextDecoder轉(zhuǎn)換字符串，結(jié)構(gòu)體等複雜類型需手動序列化；5.注意WASM模塊體積較大且部分標準庫受限，適合高性能計算場景。整個過程需注意編譯配置、內(nèi)存操作及數(shù)據(jù)傳遞方式以確保正常運行。

想在JavaScript 中調(diào)用Go 代碼？ WebAssembly（WASM）提供了一種方式，讓你可以把Go 編譯成WASM，然後在前端使用。整個過程不算太複雜，但有幾個關(guān)鍵點需要注意。

準備工作：Go 環(huán)境和構(gòu)建目標

首先，確保你的Go 版本支持WebAssembly。目前主流版本都支持，建議使用1.15 或更新的版本。然後你需要設置GOOS 和GOARCH 來指定編譯目標為WASM：

 GOOS=js GOARCH=wasm go build -o main.wasm

這會把你的Go 程序編譯成一個.wasm文件。不過要注意的是，Go 的WASM 支持默認不會導出所有函數(shù)，你得通過//go:export註釋來標記你想暴露給JS 的函數(shù)。

比如：

 package main

import "fmt"

func main() {
    fmt.Println("Hello from Go!")
}

//go:export add
func add(a, b int) int {
    return ab
}

這樣你就可以在JS 中調(diào)用add函數(shù)了。

在HTML/JS 中加載並調(diào)用WASM

Go 提供了一個運行時環(huán)境wasm_exec.js ，你需要把它引入到你的HTML 頁面中。你可以從Go 的安裝目錄中復制這個文件：

 cp $(go env GOROOT)/misc/wasm/wasm_exec.js .

然後在HTML 頁面裡這樣寫：

 <script src="wasm_exec.js"></script>
<script>
    const go = new Go();
    WebAssembly.instantiateStreaming(fetch(&#39;main.wasm&#39;), go.importObject).then(result => {
        const wasm = result.instance;
        // 調(diào)用Go 導出的add 函數(shù)console.log(wasm.exports.add(2, 3)); // 輸出5
    });
</script>

注意這裡調(diào)用add是通過wasm.exports.add ，而且參數(shù)只能是數(shù)字類型（int、float 等），不能直接傳字符串或?qū)ο蟆?/p>

參數(shù)和返回值的處理技巧

Go 和JS 之間傳遞數(shù)據(jù)時有一些限制，特別是不能直接傳字符串或結(jié)構(gòu)體。如果你需要傳字符串，可以通過TextEncoder和TextDecoder轉(zhuǎn)換成字節(jié)數(shù)組來處理。

比如在Go 中接收字符串：

 //go:export greet
func greet(ptr int, length int) {
    bytes := make([]byte, length)
    for i := 0; i < length; i {
        bytes[i] = byte(*(*int8)(unsafe.Pointer(uintptr(unsafe.Pointer(&ptr)) uintptr(i))))
    }
    name := string(bytes)
    fmt.Println("Hello, " name)
}

而在JS 中要這樣做：

 function passStringToGo(str) {
    const encoder = new TextEncoder();
    const data = encoder.encode(str);
    const ptr = wasm.exports.alloc(data.length); // 假設你實現(xiàn)了alloc 函數(shù)const mem = new Uint8Array(wasm.exports.memory.buffer, ptr, data.length);
    mem.set(data);
    wasm.exports.greet(ptr, data.length);
}

這部分邏輯有點繞，關(guān)鍵是內(nèi)存操作和編碼轉(zhuǎn)換要對應上。

小貼士和注意事項

• Go 的WASM 模塊體積較大，因為自帶了運行時，適合性能敏感或計算密集型任務。
• 不是所有的標準庫都能在WASM 中使用，比如os/exec這類依賴系統(tǒng)調(diào)用的功能就不能用。
• 如果你在開發(fā)中頻繁修改Go 代碼，記得每次都要重新編譯WASM 文件，否則JS 加載的是舊版本。

基本上就這些。雖然過程有些細節(jié)需要注意，但一旦跑通，就能在瀏覽器裡享受Go 的高性能了。

以上是如何使用WASM在JavaScript中使用Golang代碼的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！