Javascript 不会在 WebSocket 实例化中捕获错误

Question

我的套接字当前抛出 net::ERR_CONNECTION_REFUSED 因为服务器没有运行，我希望它现在这样做。

问题是下面的代码没有捕捉到错误。在控制台中，我在第 2 行（使用 net::ERR_CONNECTION_REFUSED）看到了一个异常，我认为它不应该发生，因为它在 try 语句中。

1  try {
2    ws = new WebSocket('ws://'+ host + ':' + port + '/');
3  }
4  catch (err) {
5    console.log('This never prints');
6  }
7  ws.onerror = function (error) {
8    console.log(error);
9  };

所以我的问题是为什么它没有被抓住？

我最终想要的是在其他地方显示的错误消息，但我无法捕捉到它，第 8 行打印了一个“事件”对象，它没有提到 net::ERR_CONNECTION_REFUSED，所以我不确定如何以获取错误消息。

Answer 1

WebSocket 的连接时间错误导致调度事件，而不是抛出值。这是因为throw 操作必须是同步的。为了将所有连接时错误作为抛出错误处理，WebSocket 构造函数需要完全暂停所有脚本执行和 UI 交互，直到整个 WebSocket 握手完成。相反，连接过程异步运行，从而允许浏览器线程在 WebSocket 连接在后台初始化时继续工作。由于连接的异步特性，WebSocket 必须通过error 事件报告错误，因为在异步连接任务遇到错误时同步的new WebSocket 操作已经完成。

您看到的ERR_CONNECTION_REFUSED 消息纯粹是为了开发者的利益；脚本无法以任何方式访问它。它在 JavaScript 环境中没有任何表示。它只是显示在您的控制台中的一条红色消息，用于通知 您（查看浏览器的人）出现错误。

error 处理程序事件是响应失败的正确位置，但缺少脚本可读的连接时间错误信息是设计使然。来自WHATWG spec for the WebSocket API：

用户代理不得以允许脚本区分以下情况的方式向脚本传达任何失败信息：

• 无法解析主机名的服务器。
• 数据包无法成功路由到的服务器。
• 服务器拒绝指定端口上的连接。
• 服务器未能正确执行 TLS 握手（例如，无法验证服务器证书）。
• 未完成打开握手的服务器（例如，因为它不是 WebSocket 服务器）。
• WebSocket 服务器发送了正确的打开握手，但指定了导致客户端断开连接的选项（例如，服务器指定了客户端未提供的子协议）。
• 在成功完成打开握手后突然关闭连接的 WebSocket 服务器。

[...] 允许脚本区分这些情况将允许脚本探测用户的本地网络以准备攻击。

浏览器故意忽略规范要求的任何有用信息。规范作者担心访问此信息可能会让恶意网页获取有关您的网络的信息，因此他们要求浏览器以无法区分的方式报告所有连接时间错误。

Answer 2

我尝试用它来制作小提琴 我可以看到打印的行。

host='localhost';
port=100;
try {

    ws = new WebSocket('ws://'+ host + ':' + port + '/');
  }
  catch (err) {
    console.log('This never prints');
  }
  ws.onerror = function (error) {
    console.log(error);
  };

https://jsfiddle.net/xzumgag0/