如何使用form2Json解析GET请求字符串并解决首次JSON解析报错

问题成因 #

• 库内部使用了全局/模块级的临时存储变量，首次调用前变量为未初始化的脏值，解析过程中生成的JSON字符串混入了多余的冒号、逗号等非法字符，触发SyntaxError。第一次调用完成后变量被赋值为合法初始值，第二次调用时解析流程正常。
• 库依赖的decodeURIComponent等URL解码逻辑存在懒加载逻辑，首次调用时解码逻辑未完全初始化，导致表单串中的特殊字符转义失败，生成结构非法的JSON。首次调用后解码逻辑初始化完成，第二次解析正常。
• 若在异步GET请求的回调中调用form2Json，可能存在首次调用时请求返回的表单串未完全接收、内容被截断的问题，第二次调用时字符串已经完整加载，因此解析成功。

解决方案 #

1. 修正form2Json源码的变量作用域
   所有解析流程使用的临时累加对象、中间变量全部改为函数内部局部变量，每次调用时重新初始化，避免全局变量污染。修改示例：

// 错误写法（全局变量复用）
let tempObj = {}
function form2Json(formStr) {
  // 解析逻辑操作tempObj
  return JSON.parse(JSON.stringify(tempObj))
}

// 正确写法（每次调用重新初始化变量）
function form2Json(formStr) {
  let tempObj = {}
  // 解析逻辑操作tempObj
  return JSON.parse(JSON.stringify(tempObj))
}

2. 新增入参校验逻辑
   调用form2Json前先校验输入的表单编码串合法性，避免截断、空值等异常输入：

const parseForm = (formStr) => {
  if (typeof formStr !== 'string' || !formStr.includes('=')) {
    return {}
  }
  return form2Json(formStr)
}

3. 提前预初始化
   如果不想修改源码，可在模块加载阶段先传入空串调用一次form2Json完成初始化，后续业务调用时即可避免首次报错：

// 页面/模块加载完成后执行一次预初始化
form2Json('')

内容的提问来源于stack exchange，提问作者Костя Коростелев