将JS代码转为TS后出现类型错误，请求修复方案

错误原因分析 #

• Type 'string[]' is not assignable to type 'never[]'：reduce的初始值[]被推断为never[]，因为params的object类型过于宽泛，TypeScript无法确定回调返回的数组类型。
• Property 'join' does not exist on type 'string'：这是第一个错误引发的连锁问题，类型推断混乱导致误判了调用join的对象类型。

修复后的代码 #

export const combineUrlParams = (url = "", params: Record<string, string | number | null | undefined>) => {
  const keys = Object.keys(params);
  const paramUrl = keys
    .reduce<string[]>(
      (result, key) => {
        const value = params[key];
        if (value !== undefined && value !== null && value !== "") {
          return [...result, `${key}=${value}`];
        }
        return result;
      },
      []
    )
    .join("&");
  
  // 避免无参数时出现多余的?
  return paramUrl ? `${url}?${paramUrl}` : url;
};

修复说明 #

1. 精确参数类型：将params的类型从object改为Record<string, string | number | null | undefined>，明确参数键为字符串，值是可转为URL参数的类型。
2. 指定reduce泛型：给reduce添加<string[]>泛型约束，明确初始值和返回值为字符串数组，解决never[]的类型冲突。
3. 优化逻辑与可读性：提取params[key]到变量value，简化判断逻辑；同时处理无参数的情况，避免生成带空参数的URL。

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