如何等待来自 golang wasm 的 js 异步函数？

小伙伴们对Golang编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《如何等待来自 golang wasm 的 js 异步函数？》，就很适合你，本篇文章讲解的知识点主要包括golang。在之后的文章中也会多多分享相关知识点，希望对大家的知识积累有所帮助！

问题内容

我写了一个小函数await来处理 go 中的异步 javascript 函数：

func await(awaitable js.Value) (ret js.Value, ok bool) {
    if awaitable.Type() != js.TypeObject || awaitable.Get("then").Type() != js.TypeFunction {
        return awaitable, true
    }
    done := make(chan struct{})


    onResolve := js.FuncOf(func(this js.Value, args []js.Value) interface{} {
        glg.Info("resolve")
        ret = args[0]
        ok = true
        close(done)
        return nil
    })
    defer onResolve.Release()

    onReject := js.FuncOf(func(this js.Value, args []js.Value) interface{} {
        glg.Info("reject")
        ret = args[0]
        ok = false
        close(done)
        return nil
    })
    defer onReject.Release()

    onCatch := js.FuncOf(func(this js.Value, args []js.Value) interface{} {
        glg.Info("catch")
        ret = args[0]
        ok = false
        close(done)
        return nil
    })
    defer onCatch.Release()


    glg.Info("before await")
    awaitable.Call("then", onResolve, onReject).Call("catch", onCatch)
    // i also tried go func() {awaitable.Call("then", onResolve, onReject).Call("catch", onCatch)}()
    glg.Info("after await")
    
<p>问题是，当我使用或不使用 goroutine
调用该函数时，事件处理程序似乎被阻塞，我被迫重新加载页面。我从来没有遇到过任何回调，我的频道也从来没有关闭过。是否有任何惯用的方法可以在 wasm
中调用来自 Golang 的承诺的 await ？</p>
<h2 class="daan">
    正确答案
</h2>
<p>你不需要那个goroutines：D</p>
<p>我在这段代码中看到了一些问题，这些问题并不符合习惯，并且可能导致一些错误（其中一些可能会锁定您的回调并导致您描述的这种情况）：</p>

• 您不应该关闭done处理函数内的通道。由于并发，这可能会导致不必要的关闭，这通常是一种不好的做法。
• 由于无法保证执行顺序，因此更改外部变量可能会导致一些并发问题。最好只使用通道与外部函数进行通信。
• 结果来自onResolve并且onCatch应该使用不同的渠道。这可以导致更好地处理输出并单独整理 main 函数的结果，最好是通过select语句。
• 不需要单独的onRejectandonCatch方法，因为它们相互重叠了彼此的职责。

如果我必须设计此await功能，我会将其简化为如下所示：

func await(awaitable js.Value) ([]js.Value, []js.Value) {
    then := make(chan []js.Value)
    defer close(then)
    thenFunc := js.FuncOf(func(this js.Value, args []js.Value) interface{} {
        then 
<p>这将使函数具有惯用性，因为函数会返回<code>resolve, reject</code>数据，有点像<code>result, err</code>Go
中常见的情况。由于我们不处理不同闭包中的变量，因此处理不需要的并发也更容易一些。</p>
<p>最后但并非最不重要的一点是，确保您没有同时调用Javascript<code>resolve</code>和<code>reject</code>Javascript
<code>Promise</code>，因为其中的<code>Release</code>方法<code>js.Func</code>明确告诉您一旦释放这些资源就不应访问它们：</p>
<pre class="brush:go;toolbar:false">// Release frees up resources allocated for the function.
// The function must not be invoked after calling Release.
// It is allowed to call Release while the function is still running.

今天关于《如何等待来自 golang wasm 的 js 异步函数？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于golang的内容请关注golang学习网公众号！