即时通讯的基础实现脚本

项目要求做一个即时通讯，所以就写了一个简单即时通讯的脚本webSocket.js。如想深入学习可以参考阮一峰老师的相关文档。

var ws = new WebSocket('ws://{你需要连接的即时通讯地址}');
let webMessage;
switch (ws.readyState) {
  case 0://WebSocket.CONNECTING
    console.log('WebSocket.CONNECTING....')
    break;
  case 1://WebSocket.OPEN
    ws.addEventListener('open', () => {
      console.log('WebSocket.OPEN....')
    });
    break;
  case 2://WebSocket.CLOSING
    console.log('WebSocket.CLOSING....')
    break;
  case 3:// WebSocket.CLOSED
    ws.addEventListener("close", function (event) {
      var code = event.code;
      var reason = event.reason;
      var wasClean = event.wasClean;
      console.log('WebSocket.CLOSED....', 'code:', code, 'reason:', reason, 'wasClean:', wasClean)
    });
    break;
  default:
    break;
}

ws.addEventListener("message", function (event) {
  console.log('message', event.data)
  webMessage = event.data;
  // 处理数据 数据可能有很多种形式
});

export {
  webMessage //把接收的信息及时发送到你需要的页面中即可
}