WebSocket 提供了一种实时通信的方式，但是在使用过程中可能会出现连接意外关闭的情况，这时候我们需要进行重新连接。本文将介绍如何在前端应用程序中重新连接 WebSocket。
前提条件
在深入讨论如何重新连接 WebSocket 之前，请确保您已经熟悉以下内容：
- WebSocket 的基础知识，包括创建和关闭连接。
- JavaScript 的基础知识，包括事件监听器和定时器。
如何重新连接 WebSocket
在 WebSocket 连接关闭后，我们需要通过以下步骤重新建立连接：
- 创建一个新的 WebSocket 实例。
- 为 WebSocket 实例添加事件监听器，以便在连接完成或出现错误时进行处理。
- 启动一个定时器，定时尝试连接 WebSocket。
示例代码如下：
-- -------------------- ---- -------
-- -- --------- --
--- ------ - --- -------------------------------
-- -------
------------------------------- -------- ------- -
---------------------- --------
---
-------------------------------- -------- ------- -
------------------------ ------- -------
---
-------------------------------- -------- ------- -
----------------------- -------------------
-- -----
------------------- -- -
------ - --- -------------------------------
------------------------------- -------- ------- -
---------------------- ----------
---
-------------------------------- -------- ------- -
------------------------ ----------- -------
---
-------------------------------- -------- ------- -
----------------------- ---------------------
---
-- ------ -- - --------
---在上面的示例代码中，我们使用了 setTimeout 函数来启动一个定时器，3 秒后尝试重新连接 WebSocket。当连接成功、出现错误或关闭时，都会触发相应的事件处理程序。
总结
在本文中，我们介绍了如何在 WebSocket 关闭连接后重新连接。首先，我们需要创建一个新的 WebSocket 实例，并为其添加事件监听器。然后，我们可以通过定时器定时尝试重新连接 WebSocket。这些步骤可以保证我们能够在连接意外关闭时及时恢复通信。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28593