任何人都可以解释下面的代码

我是相当新的JavaScript和只知道基本。任何人都可以解释下面的代码，就像调用init函数时发生的流程一样吗？任何人都可以解释下面的代码

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

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

在行websocket.open = function(evt) { onOpen(evt) };，WebSocket的对象都有一个名为开放的属性，它已经设置了任何正在

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的属性被设置，并在每个，我打电话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); 
}

来源

2016-09-06 Apoorv

你想要我们通过整个代码？为什么不学习'class''方法'和'变量'是什么，甚至可能是“如何传递一个变量”，你有没有搜索过这些？ –

您正在寻找event handlers。

testWebSocket函数尝试创建一个到wsUri的WebSocket连接。

一旦连接成功打开，将调用onOpen函数。每当WebSocket连接收到消息时，将调用onMessage函数，并且一旦连接关闭onClose将执行。

如果出现任何错误，则执行onError函数。

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

来源

2016-09-06 19:25:25 geekonaut

任何人都可以解释下面的代码

回答

相关问题