24、构建 WebSocket 客户端与聊天应用的前端模块

构建 WebSocket 客户端与聊天应用的前端模块

1. 创建 ws-client 模块

ws-client.js 模块的主要作用是与 Node WebSocket 服务器进行通信，它有以下四个职责：
- 连接到服务器
- 连接首次打开时执行初始设置
- 将传入消息转发给其处理程序
- 发送传出消息

1.1 连接处理

首先，在 ws-client.js 中声明一个用于 WebSocket 连接的变量：

let socket;

这里使用了 ES6 的 let 作用域来声明变量，与 var 不同， let 声明的变量不会被提升。提升是指 JavaScript 解释器会将变量声明移动到其所在函数作用域的顶部，这可能会导致难以发现的错误。

接着，添加一个初始化连接的方法：

function init(url)  {
  socket = new WebSocket(url);
  console.log('connecting...');
}

为了使 ws-client.js 成为一个可用的模块，需要指定它导出的内容。使用增强对象字面量语法进行导出：

export default {
  ini