在前端开发中，WebSocket 已成为实时通讯的利器。Deno 是一个安全的 JavaScript 和 TypeScript 运行时环境，并且具有强大的网络支持，其中包括 WebSocket。
Deno 的 WebSocket API 提供了许多有用的事件处理程序，包括 onopen、onmessage、onerror 和 onclose。在本文中，我们将着重讨论 WebSocket 的“关闭事件”及其用途以及如何在 Deno 中进行实现。
WebSocket 关闭事件简介
WebSocket 关闭事件是 WebSocket API 中的一个重要事件类型，表示当前 WebSocket 连接已关闭。在 Deno 中，我们可以通过为 WebSocket 实例设置 onClose 事件处理程序来监听 WebSocket 关闭事件。
当 WebSocket 连接关闭时，会自动触发 onClose 事件处理程序，并将一个 CloseEvent 对象作为参数传递给该处理程序。该 CloseEvent 对象包含了与关闭事件相关的一些重要信息，如关闭代码、关闭原因等。
如何实现 WebSocket 关闭事件处理程序
在 Deno 中，我们可以使用以下代码为 WebSocket 实例设置 onClose 事件处理程序：
// javascriptcn.com 代码示例
import { serve } from "https://deno.land/std/http/server.ts";
import { acceptWebSocket, WebSocket } from "https://deno.land/std/ws/mod.ts";
const server = serve({ port: 8080 });
console.log("Server started on port 8080.");
for await (const req of server) {
if (req.url === "/ws") {
const { conn, r: bufReader, w: bufWriter, headers } = req;
acceptWebSocket({
conn,
bufReader,
bufWriter,
headers,
}).then(handleWebSocket);
}
}
function handleWebSocket(socket: WebSocket): void {
console.log("WebSocket connected!");
socket.onmessage = (event: MessageEvent): void => {
console.log("Received message:", event.data);
};
socket.onclose = (event: CloseEvent): void => {
console.log("WebSocket closed with code:", event.code);
console.log("WebSocket closed with reason:", event.reason);
};
}在以上代码中，我们创建了一个 HTTP 服务器，在监听到 "/ws" 路由上的 WebSocket 请求时，为该 WebSocket 连接设置了 onmessage 和 onClose 事件处理程序。当连接关闭时，onClose 处理程序会输出连接关闭的代码和原因。
WebSocket 关闭事件的应用
WebSocket 关闭事件可以用于很多实时通讯的场景中，例如：
- 通知其他客户端：当有一个客户端断开连接时，可以通过广播一个消息来通知其他客户端。
- 再连接自动重试：当一个客户端意外断开连接时，可以通过 onClose 处理程序向客户端发送一个自动重试指令，以便在连接恢复后再次尝试连接。
总结
WebSocket 关闭事件是 WebSocket API 中一个重要的事件类型。通过实现 onClose 事件处理程序，我们可以监听 WebSocket 的关闭事件，并在连接关闭时执行相应的操作。在实时通讯的应用场景中，WebSocket 关闭事件具有重要的指导意义，可以帮助我们实现更加健壮和稳定的系统。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65334aed7d4982a6eb6cdd5d