JavaScript URIError: 格式错误的 URI 序列

当在 JavaScript 中使用 URI（Uniform Resource Identifier，统一资源标识符）时，如果格式不正确，则会引发 URIError，这意味着所提供的 URI 序列无法正确地构建一个有效的 URI。

具体错误信息

当出现格式错误的 URI 序列时，会抛出如下错误信息：

Uncaught URIError: URI malformed

错误示例

以下是几个常见的格式错误的 URI 序列示例：

空值

尝试对空的 URI 序列进行解析，这将导致 JS 抛出“URI malformed”错误：

decodeURIComponent('')

不完整的 URI

如果 URI 不完整，例如缺少协议、路径或主机名，则会抛出“URI malformed”错误：

decodeURIComponent('http://example.com')

非法字符

假设有一个 URI 包含非法字符，例如空格，则 JS 抛出“URI malformed”错误：

decodeURIComponent('http://example.com/search?q=hello world')

解决方法

有几种方法可以解决 URI 格式错误问题：

转义非法字符

可以对非法字符和特殊字符进行编码和解码，例如使用 encodeURIComponent() 和 decodeURIComponent() 方法：

// 编码非法字符
const uri = 'http://example.com/search?q=' + encodeURIComponent('hello world')
// 解码非法字符
decodeURIComponent(uri)

正则表达式

另一种方法是使用正则表达式删除非法字符。例如，以下代码将删除所有非字母数字字符：

const uri = 'http://example.com/search?q=hello world'
const clean = uri.replace(/[^\w\s]/gi, '')

标准化

还有一种方法是使用 URI 标准化方法，它将 URI 转换为规范形式，以便更容易进行比较和处理：

const uri = 'http://example.com/search?q=hello world'
const normalized = encodeURI(uri)

结论

URI 错误是 JavaScript 开发人员经常遇到的问题之一。幸运的是，有许多方法可以解决这种错误，例如转义非法字符和使用正则表达式。请务必牢记，正确的 URI 使用是确保应用程序可访问性和可靠性的关键之一。