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

我正在使用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函数时,我得到了那个错误.

最佳答案

问题是套接字尚未打开.在异步onopen事件发生之前,不能使用WebSocket.send.

虽然使用setTimeout(持续时间足够长)“应该工作”,但处理异步JavaScript编程的正确方法是将程序流视为一系列依赖事件.

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

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);

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

Main.socket.then(function (send) {
   // This will only be called after `Promise.resolve` is called in the module
   // which will be called in the `WebSocket.onopen` callback.
   send("Hello world!");
})
// This code may or may not execute before the `then` function above
// depending upon the state the Promise/Deferred Object.
// However,we can get consistent program flow by using `then`-chaining
// of promises.

当然你不必使用Promises – 虽然我更喜欢Promises的统一契约/框架,但回调可以正常工作 – 你可以使用最合适的名称或结构.

另请注意,在整个页面生命周期中使用单个WebSocket可能不太好,因为这将无法正确处理断开连接和恢复方案.