javascript - Websockets - 在 onmessage() 之外传递数据

Question

我的 WebExtension 连接到 WebSockets 服务器以检索数据。

function foo(responseDetails){
    var ws = new WebSocket("ws://localhost:9876/");

    ws.onopen = function(event){
        // send some data to the server
        ws.send("some data");
    }

    ws.onmessage = function(event){
        // receive some data from the server
        data = event.data;
    }

    // how to access the data from here?
    if(data == 0)
        return {cancel:true}
    else
        return {cancel:false}
}

browser.webRequest.onBeforeRequest.addListener(
        foo, 
        {urls:["*//*/*"]},
        ["blocking"]
)

每当请求完成时，函数foo()调用它打开一个 WebSocket 到 ws://localhost:9876 ，发送一个字符串，然后接收 data 。该数据决定请求是否会被阻止。

读完the answers here后，我还是一头雾水。我不确定如何在函数 foo() 内实现回调.

Similar question但答案不是我正在寻找的。

Answer 1

您可以针对这个确切的用例使用 Promise，如下所示应该有效:

function foo(responseDetails) {
  return new Promise(function(resolve) {
    var ws = new WebSocket("ws://localhost:9876/");

    ws.onopen = function(event) {
      // send some data to the server
      ws.send("some data");
    }

    ws.onmessage = function(event) {
      // receive some data from the server
      var data = event.data;
      if (data == 0) {
        resolve({
          cancel: true
        });
      } else {
        resolve({
          cancel: false
        })
      }
    }
  });
}

browser.webRequest.onBeforeRequest.addListener(
  foo, {
    urls: ["*//*/*"]
  }, ["blocking"]
)

更多信息可以找到here