首先，看壹個調用WebSockets的API的簡單javascript代碼。
[javascript]查看純文本
var ws = new web socket(" ws://echo . web socket . org ")；
ws . on open = function(){ ws . send(" Test！");};
ws . on message = function(evt){ console . log(evt . data)；ws . close()；};
ws . on close = function(evt){ console . log(" WebSocket closed！");};
ws . on error = function(evt){ console . log(" WebSocketError！");};
這段代碼只有五行。現在簡單總結壹下這五行的意思。
第壹行代碼是申請壹個WebSocket對象，參數是需要連接的服務器的地址。就像http協議以http://開頭壹樣，WebSocket協議的URL以ws://開頭，安全WebSocket協議以wss://開頭。
第二行到第五行是WebSocket對象註冊消息的處理函數。WebSocket對象1 * *支持四種消息:onopen、onmessage、onclose lost和onerror。當瀏覽器和WebSocketServer連接成功後，會觸發onopen消息。如果連接失敗，發送和接收數據失敗或者處理數據出現錯誤，瀏覽器會觸發onerror消息；當瀏覽器接收到WebSocketServer發送的數據時，會觸發onmessage，參數evt包含服務器發送的數據；當瀏覽器收到WebSocketServer發送的關閉連接的請求時，會觸發once close消息。我們可以看到所有的操作都是由消息觸發的，不會阻塞UI，讓UI有更快的響應時間和更好的用戶體驗。