谁能解释一下下面的代码吗

Question

我对javascript还是个新手，只知道基本知识。有人能解释一下下面的代码，就像在调用init函数时发生的流中一样吗？

我对下面代码的理解是，一旦调用init函数，就会设置一个全局变量输出，该输出映射到一个带有id输出的HTML元素。然后调用TestWebSocket javascript函数。这将创建一个WebSocket对象。这之后是我不完全理解的部分。

在WebSocket.open=function（evt）{onOpen（evt）}；行中，WebSocket对象有一个名为open的属性，我们将它设置为任何返回的属性

函数(evt){onOpen(evt)}；。

这反过来调用onOpen javascript函数。

function onOpen(evt)  {
   writeToScreen("CONNECTED");doSend("WebSocket rocks");
}

function doSend(message) {
   writeToScreen("SENT: " + message);websocket.send(message);
} 

所以我的第一个问题是在WebSocket对象(webSocket.open)中设置了什么？

第二个问题：

下面是TestWebSocket()javascript函数的执行顺序。

websocket = new WebSocket(wsUri);        
websocket.onopen = function(evt) { 
  onOpen(evt) 
};
websocket.onclose = function(evt) { 
  onClose(evt) 
}; 
websocket.onmessage = function(evt) {
  onMessage(evt) 
};
websocket.onerror = function(evt) {
  onError(evt) 
};

因此，我的问题是，即使websocket对象(websocket)open、close、onmessage、onerror的属性正在设置，并且在每个属性中，我都调用了writeToScreen函数，为什么没有设置这些属性，以及testWebSocket()javascript函数上发生了什么。

function init() {
    output = document.getElementById("output");
    testWebSocket();
}

function testWebSocket() {
    websocket = new WebSocket(wsUri);
    websocket.onopen = function(evt) {
        onOpen(evt)
    };
    websocket.onclose = function(evt) {
        onClose(evt)
    };
    websocket.onmessage = function(evt) {
        onMessage(evt)
    };
    websocket.onerror = function(evt) {
        onError(evt)
    };
}

function onOpen(evt) {
    writeToScreen("CONNECTED");
    doSend("WebSocket rocks");
}

function onClose(evt) {
    writeToScreen("DISCONNECTED");
}

function onMessage(evt) {
    writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data + '</span>');
    websocket.close();
}

function onError(evt) {
    writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
}

function doSend(message) {
    writeToScreen("SENT: " + message);
    websocket.send(message);
}

function writeToScreen(message) {
    var pre = document.createElement("p");
    pre.style.wordWrap = "break-word";
    pre.innerHTML = message;
    output.appendChild(pre);
}

Answer 1

您正在查看事件处理程序。

TestWebSocket函数尝试创建到WSURI的WebSocket连接。

一旦成功打开该连接，就会调用onopen函数。每当WebSocket连接接收到消息时，就会调用onMessage函数，一旦连接关闭，就会执行onClose。

您可能只看到正在显示的错误，因为连接无法建立，因此，onerror是唯一被调用的东西。