Node.js的decodeURIComponent是否幂等？有无幂等替代方案？

1. decodeURIComponent不具备幂等性 #

并非对所有输入x都满足decodeURIComponent(x) === decodeURIComponent(decodeURIComponent(x))，可以通过反例直接验证：

const x = "%2520"
console.log(decodeURIComponent(x)) // 输出 "%20"
console.log(decodeURIComponent(decodeURIComponent(x))) // 输出 " "
// 两次结果明显不相等

原因说明：decodeURIComponent的核心逻辑是识别输入中所有合法的百分号编码序列并完成解码。如果输入中包含%25（即百分号本身的编码），第一次解码后会得到真实的%字符，如果该%后紧跟两位合法的十六进制字符，就会形成新的可解码序列，第二次调用时会继续处理，因此两次结果不一致，不满足幂等要求。 #

2. 幂等性的替代实现 #

可以通过「循环解码直到结果不再变化」的逻辑实现具备幂等性的解码函数，同时增加异常捕获处理非法编码场景：

function idempotentDecodeURIComponent(str) {
  let decoded = str
  let lastDecoded
  do {
    lastDecoded = decoded
    try {
      decoded = decodeURIComponent(decoded)
    } catch (err) {
      // 遇到无法解码的非法编码时停止，避免抛出错误
      break
    }
  } while (decoded !== lastDecoded)
  return decoded
}

该实现的幂等性验证：

const testStr = "%252520" // 三层编码的空格
console.log(idempotentDecodeURIComponent(testStr)) // 输出 " "
console.log(idempotentDecodeURIComponent(idempotentDecodeURIComponent(testStr))) // 输出 " "
// 多次调用结果完全一致，满足幂等性要求

内容的提问来源于stack exchange，提问作者lmonninger