为何Map使用has方法无法让TypeScript判断值是否为undefined？

TypeScript的类型系统没办法自动将Map.has()的检查结果和后续Map.get()的返回值类型做关联——哪怕你先通过has(cur)确认了键存在，编译器仍会认为get(cur)可能返回undefined，这就是你遇到报错的原因。下面提供几种实用的解决方式：

方法一：先取值再判断（最稳妥的类型安全方案） #

先把get的结果存到变量中，TypeScript能识别这个变量的类型窄化，当判断变量不为undefined时，就会确定它是number类型：

const addColorsValues = (acc: number, cur: string): number => {
  const value = resistorColorMap.get(cur);
  return value !== undefined ? acc + value : acc;
};

方法二：使用非空断言（适合逻辑绝对安全的场景） #

用!断言标记值一定存在，直接告诉编译器“这个值不可能是undefined”。注意：只有当你能100%保证has判断和get操作之间没有修改Map的代码时，才推荐用这个方式：

const addColorsValues = (acc: number, cur: string): number => {
  return resistorColorMap.has(cur) ?
    acc + resistorColorMap.get(cur)!
    : acc;
};

方法三：封装类型安全的Map取值函数（适合频繁使用的场景） #

把has和get的逻辑封装成通用函数，让TypeScript能正确推断返回值类型，避免重复写判断逻辑：

// 通用版：返回值为V | undefined
function getMapValue<K, V>(map: Map<K, V>, key: K): V | undefined {
  return map.has(key) ? map.get(key) : undefined;
}

// 严格版：键不存在时抛出错误，返回值为V
function getMapValueStrict<K, V>(map: Map<K, V>, key: K): V {
  const value = map.get(key);
  if (value === undefined) {
    throw new Error(`Key ${String(key)} not found in map`);
  }
  return value;
}

// 使用示例
const addColorsValues = (acc: number, cur: string): number => {
  const value = getMapValue(resistorColorMap, cur);
  return value !== undefined ? acc + value : acc;
};

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