websocket封装

WebSocket是HTML5中新增的协议，它是一种在单个TCP连接上进行全双工通信的协议，可以实现实时通信。在前端开发中，WebSocket通常被用于实现实时聊天、在线游戏等功能。

手动封装WebSocket主要需要完成以下几个步骤：

1. 建立WebSocket连接

通过创建WebSocket对象，可以建立WebSocket连接。在创建WebSocket对象时，需要传入WebSocket服务器的地址。

var webSocket = newWebSocket('ws://localhost:8080');

2. 监听WebSocket事件

WebSocket对象有4个事件：onopen、onmessage、onerror和onclose。分别在WebSocket连接建立、接收到消息、发生错误和连接关闭时触发。可以通过监听这些事件，来处理WebSocket的状态和消息。

webSocket.onopen = function() {
  console.log('WebSocket连接已建立');
}

webSocket.onmessage = function(event) {
  console.log('接收到WebSocket消息：' + event.data);
}

webSocket.onerror = function(event) {
  console.log('WebSocket发生错误');
}

webSocket.onclose = function() {
  console.log('WebSocket连接已关闭');
}

3. 发送WebSocket消息

通过WebSocket对象的send方法，可以向服务器发送消息。

webSocket.send('Hello, WebSocket!');

4. 关闭WebSocket连接

通过WebSocket对象的close方法，可以关闭WebSocket连接。

webSocket.close();

以上就是手动封装WebSocket的基本步骤，可以根据实际需求进行扩展和优化。