前端知识点——Web Sockets

前端知识点——Web Sockets

本系列文章是我在实习面试之前的对自己掌握的知识点的总结，就从一直不太熟悉的webSockets开始吧～

WebSockets的第一印象：
可以创建和服务器进行双向会话的高级技术，取代了曾经使用的轮询方法。

API

• WebSocket：用于连接WebSocket服务器的对象
• CloseEvent：关闭连接时WebSocket对象触发的事件
• MessageEvent：从服务器获取到消息的时候，WebSocket触发的事件

WebSocket对象

WebSocket对象用于创建和管理WebSockets连接，并通过这个连接发送和接受

参数：

• url：要连接的url,ws或wss
• protocols：协议名字字符串或数组，子协议，默认为空

异常：

• SECURITY_ERR：表示试图连接的端口被屏蔽

方法：

• WebSocket.close([code,[reason]])

  • 关闭WebSocket连接或停止正在进行的连接请求
  • 参数
    • code：关闭连接的状态号，默认为1000
    • reason：字符串，连接被关闭的原因
  • 异常
    • INVALID_ACCESS_ERR：无效的code
    • SYNTAX_ERR：reason太长

• WebSocket.send(data)

  • 通过连接向服务器发送数据
  • 参数
    • data：发送的数据
  • 异常
    • INVALID_STATE_ERR：当前的连接状态不是open
    • SYNTAX_ERR：数据不合法

属性：

属性名	类型	描述
binaryType	string	传输的二进制内容类型，blob/arrayBuffer
bufferedAmount	long	调用send方法后，队列中等等待数据的大小，发送后为0
extensions	string	服务器选定的扩展
onclose	EventListener	监听close
onerror	EventListener	监听error
onmessage	EventListener	监听message，消息到达触发
onopen	EventListener	监听连接打开事件，readyState为open时触发
protpcol	string	服务器选定的子协议的字符串
readyState	short	连接的当前状态
url	string	传入构造器的url

readyState常量：

常量	值	描述
CONNECTING	0	连接尚未开启
OPEN	1	连接已经开启，准备通信
CLOSING	2	连接正在关闭
CLOSED	3	连接已经关闭或者无法建立

例子

url来自http://www.blue-zero.com/WebSocket/</