js实现urldecode

URL解码的实现方法

在JavaScript中，URL解码可以通过内置的decodeURIComponent()函数实现。该函数用于解码由encodeURIComponent或类似方法编码的URI组件。

const encodedUrl = 'Hello%20World%21';
const decodedUrl = decodeURIComponent(encodedUrl);
console.log(decodedUrl); // 输出: "Hello World!"

处理异常情况

当传入的字符串包含无效的编码序列时，decodeURIComponent会抛出URIError异常。为了避免程序中断，可以使用try-catch进行错误处理。

try {
  const result = decodeURIComponent('%E0%A4%A');
} catch (e) {
  console.error('无效的URI序列', e);
}

替代方案：URLSearchParams

对于查询参数的解码，可以使用URLSearchParamsAPI，它提供了更便捷的参数处理方式。

const paramsString = 'name=John%20Doe&age=25';
const searchParams = new URLSearchParams(paramsString);

console.log(searchParams.get('name')); // 输出: "John Doe"
console.log(searchParams.get('age'));  // 输出: "25"

自定义URL解码函数

如果需要实现自定义的解码逻辑，可以手动替换编码字符。这种方法适用于简单场景，但不推荐处理复杂编码。

function customUrldecode(str) {
  return str.replace(/\+/g, ' ')
           .replace(/%20/g, ' ')
           .replace(/%21/g, '!')
           .replace(/%2F/g, '/');
}

注意事项

decodeURIComponent不会解码整个URL，它只针对URI组件部分。对于完整的URL解码，应先拆分出需要解码的部分。

保留字符如;/?:@&=+$,#需要特别注意，它们在不同上下文可能有不同编码需求。