万字长文，一篇吃透WebSocket：概念、原理、易错常识、动手实践(4)

（图片引用自：https://caniuse.com/#search=WebSocket）
由上图可知：目前主流的 Web 浏览器都支持 WebSocket，所以我们可以在大多数项目中放心地使用它。
在浏览器中要使用 WebSocket 提供的能力，我们就必须先创建 WebSocket 对象，该对象提供了用于创建和管理 WebSocket 连接，以及可以通过该连接发送和接收数据的 API。
使用 WebSocket 构造函数，我们就能轻易地构造一个 WebSocket 对象。
接下来我们将从以下四个方面来介绍 WebSocket API：
1）WebSocket 构造函数；
2）WebSocket 对象的属性；
3）WebSocket 的方法；
4）WebSocket 事件。
接下来我们从 WebSocket 的构造函数入手开始学习。
PS：如果你想要更浅显的WebSocket入门教程，可以先读这篇《新手快速入门：WebSocket简明教程》后，再回来继续学习。

4.2 构造函数

WebSocket 构造函数的语法为：
const myWebSocket = newWebSocket(url [, protocols]);
相关参数说明如下：
1）url：表示连接的 URL，这是 WebSocket 服务器将响应的 URL；
2）protocols（可选）：一个协议字符串或者一个包含协议字符串的数组。
针对第2）点：这些字符串用于指定子协议，这样单个服务器可以实现多个 WebSocket 子协议。
比如：你可能希望一台服务器能够根据指定的协议（protocol）处理不同类型的交互。如果不指定协议字符串，则假定为空字符串。
使用WebSocket 构造函数时，当尝试连接的端口被阻止时，会抛出 SECURITY_ERR 异常。
PS：有关WebSocket构造函数的更详细说明，可以参见官方API文档。

4.3 属性

WebSocket 对象包含以下属性：