Question

我正在使用WebSocket并尝试在整个应用程序中随时发送套接字数据。当我尝试从另一个函数中访问send命令时，我收到：

Uncaught InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable.

这只是在我调用函数时发生的，这就是我设置websocket的方式：

Main.socket = (function() {
var socket = new WebSocket("ws://server:port");

socket.onopen = function() {  
    console.log("Socket has been opened!");  
}

function send() {
    socket.send('test');
}

return {
    socket: socket,
    send: send
}
})();

我能够全局调用该函数，并且当我从一个函数中调用console.log Main.socket时，它能够看到套接字。但是当我调用send函数时，我得到了那个错误。

Answer 1

以下是等待Web套接字连接上线的替代解决方案，将您的呼叫替换为：

function send() {
    web_socket.send('test');
}

用这个：

function send(msg) {

    wait_for_socket_connection(socket, function() {
        socket.send(msg);
    });
};

function wait_for_socket_connection(socket, callback){

    setTimeout(
        function(){
            if (socket.readyState === 1) {
                if(callback !== undefined){
                    callback();
                }
                return;

            } else {

                console.log("... waiting for web socket connection to come online");

                wait_for_socket_connection(socket,callback);
            }
        }, 5);
};

Answer 2

问题是套接字尚未尚未打开。在{em>异步 WebSocket.send事件发生之前，<{1}} 无法使用。

使用onopen（持续时间足够长）“应该有效”，处理异步JavaScript编程的正确方法是将程序流视为一系列依赖事件。

在任何情况下，这里都是一个小例子，展示了如何使用jQuery Deferred Object（从jQuery 1.8开始，并且没有违反Promises/A合同）：

setTimeout

然后，在使用这个小模块的代码中：

Main.socket = (function($) {
   var socket = new WebSocket("ws://server:port");
   // Promise will be called with one argument, the "send" function for this
   // socket.
   var readyPromise = $.Deferred();
   socket.onopen = function() {
     console.log("Socket has been opened!");
     readyPromise.resolve(socket.send)
  }
  return readyPromise;
})(jQuery);

当然你不必使用Promise - 虽然我更喜欢Promises的统一契约/框架 - 但是你可以使用任何名称或结构最合适的回调也可以正常工作。

另外，请注意可能不太好在整个页面生命周期中只有一个WebSocket，因为这不能正确处理断开连接和恢复方案。

Javascript：正确全球化Websocket发送功能

2 个答案: