WebSocket是一种在客户端和服务器之间进行双向通信的协议，可以用于实时数据传输。在JavaScript中使用WebSocket非常简单，并且可以为网站或应用程序提供更好的用户体验。
创建WebSocket连接
要使用WebSocket，首先需要创建一个WebSocket对象，并指定连接的URL。以下是一个简单的示例：
const socket = new WebSocket("ws://localhost:8080");
在上面的代码中，我们创建了一个WebSocket对象并连接到URL ws://localhost:8080。请注意，这里使用的是ws://而不是常见的HTTP或HTTPS协议。WebSocket使用的是自己的协议。
监听WebSocket事件
一旦建立了WebSocket连接，就可以监听WebSocket对象上的事件，以便在数据接收或其他事件发生时作出响应。以下是一些常用的WebSocket事件：
open：当与服务器建立连接时触发。可以在这个事件的回调函数中执行一些初始化操作。message：当接收到从服务器发送的消息时触发。可以通过event.data获取到接收的数据。close：当与服务器断开连接时触发。可以在这个事件的回调函数中进行一些清理操作。error：当发生错误时触发。可以通过event对象获取错误信息。
以下是如何监听这些事件的示例代码：
socket.addEventListener("open", (event) => {
console.log("Connection opened");
});
socket.addEventListener("message", (event) => {
console.log("Received message: " + event.data);
});
socket.addEventListener("close", (event) => {
console.log("Connection closed");
});
socket.addEventListener("error", (event) => {
console.error("WebSocket error: ", event);
});
发送和接收数据
通过WebSocket发送数据非常简单。只需使用send()方法将数据发送到服务器。以下是一个示例：
socket.send("Hello, server!");
要接收从服务器发送的数据，可以在message事件的回调函数中处理数据，如上述示例中所示。
断开WebSocket连接
要断开WebSocket连接，可以调用close()方法。关闭连接后，将不再能发送或接收数据。以下是一个示例：
socket.close();
总结
使用WebSocket可以方便地在JavaScript中实现实时数据传输和双向通信。通过创建WebSocket对象，监听事件并发送数据，我们可以轻松地与服务器进行通信。希望本篇博客能为你提供有关在JavaScript中使用WebSocket的基本理解和开始使用的指导。
本文来自极简博客，作者：梦里花落，转载请注明原文链接：在JavaScript中使用WebSocket
