WebSocket 是一种在客户端和服务器之间实时交换数据的通信协议。对于前端开发人员来说，学习 WebSocket 是非常必要的，因为它可以为我们提供高效且实时的数据交换方式。而在 Deno 中，WebSocket 也是非常常用的模块，但是当我们在使用的时候，有时会遇到 ERR_INVALID_ARG_TYPE 的错误。本文将会介绍该错误的原因，同时也会给出解决方案以及示例代码。
ERR_INVALID_ARG_TYPE 是什么
当我们在 Deno 中使用 WebSocket 模块的时候，有时候会遇到一个名为 ERR_INVALID_ARG_TYPE 的错误，它的提示信息大致如下：
Uncaught TypeError: `WebSocket` requires a valid URL string as the first argument.
它的意思是传入的参数类型错误，具体的表现就是我们传入的第一个参数不是一个有效的 URL 字符串，导致 WebSocket 模块不能正确调用。
为什么会有 ERR_INVALID_ARG_TYPE 错误
当我们在使用 WebSocket 时，我们需要传入一个 URL 字符串，这个 URL 字符串描述的是 WebSocket 服务器的地址。但是有时候，我们在传参的时候犯了一些错误，例如：
- 传入了一个无效的 URL 字符串，例如 http 协议的地址。
- 传入了一个类型不是字符串的值，例如 undefined、null 等。
- 传入了一个 URL 字符串，但是这个字符串不是一个有效的 WebSocket 地址。
当我们犯了上述错误时，WebSocket 模块就会抛出 ERR_INVALID_ARG_TYPE 错误。
如何避免 ERR_INVALID_ARG_TYPE 错误
为了避免 ERR_INVALID_ARG_TYPE 错误的产生，我们需要注意以下几点：
- 确保传入的参数是一个有效的 URL 地址，它应该以 ws:// 或 wss:// 协议开头。
- 避免传入非字符串类型的值，例如 undefined、null、数字、对象等。
- 如果我们传入的是变量，那么我们需要确保这个变量已经被正确初始化，且存储的是有效的 URL 地址字符串。
示例代码
-- -------------------- ---- ------- -- -------------- ----- --------- - -------------- ----- --- - --- ----------------------------------- -- ---------------- ----- --------- - -------------- ----- --- - ---------------------- ----- --- - --- ---------------
上述代码中，第一个示例中我们使用的是一个错误的 URL 地址，导致 WebSocket 模块抛出了 ERR_INVALID_ARG_TYPE 错误。而在第二个示例中，我们将 URL 地址作为一个字符串存储在一个变量中，并传入给 WebSocket 模块，避免了错误的发生。
总结
WebSocket 在前端开发中是非常常用的模块，但是在使用的时候我们需要注意传入的参数类型，确保我们传入的是一个有效的 URL 地址字符串。当遇到 ERR_INVALID_ARG_TYPE 错误时，我们需要检查传入的参数是否满足上述要求，并进行调整，避免错误的发生。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a66bb648841e9894307c12