当前位置：首页 > 文章列表 > Golang > Go问答 > 是否可以从 JS 显式调用导出的 Go WebAssembly 函数？

是否可以从 JS 显式调用导出的 Go WebAssembly 函数？

来源：stackoverflow 2024-05-01 20:18:36 0浏览收藏

目前golang学习网上已经有很多关于Golang的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《是否可以从 JS 显式调用导出的 Go WebAssembly 函数？》，也希望能帮助到大家，如果阅读完后真的对你学习Golang有帮助，欢迎动动手指，评论留言并分享~

问题内容

是否可以在 javascript 中调用除 main 之外的 go webassembly 函数？

首先让我展示一下我做了什么。我的go函数定义如下：

package main

import "fmt"

func main() {
    fmt.println("it works!")
}

func add(a, b int) int {
    return a + b
}

我只能调用 main 函数：

const go = new Go();

const data   = await fetch("http://localhost:3333/main.wasm");
const result = await WebAssembly.instantiateStreaming(data, go.importObject);

go.run(result.instance);

返回 it 有效！ 正如预期的那样。

但是，每当我尝试调用 add 函数时，我都会收到 typeerror: cannot read property 'add' of undefined at welcome.getwasm，因为 result.exports、result.instance.exports 都不包含我的函数。我也尝试过go函数大写，但没有成功。

因此，我开始想知道可能出现什么问题 - 是否可以从 javascript 调用随机 go 函数？或者我只能调用默认的 main() 函数吗？

解决方案

是的，这是可能的。您可以将函数“导出”到全局上下文（即浏览器中的窗口，nodejs 中的全局）：

js.global().set("add", js.funcof(addfunction))

其中“add”是可用于从 javascript 调用函数的名称 (window.add)，“addfunction”是 go 代码中的 go 函数，位于 main 旁边。

请注意，“addfunction”必须遵循该方法签名：

package main

import (
    "syscall/js"
)

func addfunction(this js.value, p []js.value) interface{} {
    sum := p[0].int() + p[1].int()
    return js.valueof(sum)
}

func main() {
    c := make(chan struct{}, 0)

    js.global().set("add", js.funcof(addfunction))

    <-c
}

在“go.run(result.instance);”之后你可以运行。