谁能解释以下代码

Question

我对javascript相当陌生，只了解基本知识。 调用init函数后，有人能解释下面的代码吗？

我对以下代码的理解是，调用init函数后，将设置一个全局变量输出，该输出将映射到具有id输出的HTML元素。 然后，它调用testWebSocket javascript function 。 这将创建一个WebSocket对象。 在这之后的部分我将无法完全理解。

如果我对以下内容的理解正确，请纠正我。

在一行websocket.open = function(evt) { onOpen(evt) }; ，WebSocket对象具有一个名为open的属性，我们将该属性设置为

function(evt) { onOpen(evt) }; 。

反过来，这会调用onOpen javascript函数。

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

这可以调用onSend javascript函数。

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

所以我的第一个问题是在WebSocket object(websocket.open)设置了什么？

第二个问题：

以下是执行testWebSocket() javascript function的顺序。

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 object(websocket) open, close, onmessage, onerror的属性WebSocket object(websocket) open, close, onmessage, onerror ，并且在每个属性中，我都在调用writeToScreen函数，为什么未设置它们以及testWebSocket() javascript function 。

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函数。

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