TypeScript为何忽略const显式类型声明？编译异常求助

核心原因 #

你的TypeScript编译器未开启严格空检查（strictNullChecks）。默认情况下，TypeScript会将undefined和null视为可兼容所有类型的有效值，即便你显式声明了string | undefined这类联合类型，编译器也不会强制要求你在访问属性前校验值是否为undefined。这就导致代码能通过编译，但运行时会因undefined无对应属性而报错。

解决步骤 #

1. 修改tsconfig.json配置，启用严格空检查：
   你可以单独开启strictNullChecks，更推荐直接开启strict模式（该模式包含strictNullChecks等一系列严格校验规则）：

   {
     "compilerOptions": {
       "strict": true, // 推荐开启全严格模式
       // 或单独开启：
       // "strictNullChecks": true
     }
   }
   

2. 开启后，编译器会强制校验空值，此时你的示例代码会触发报错，你可以通过两种方式修复：
   • 使用可选链操作符（?.）：

     const myArray = ["a", "b", "see", "d", "e", "f"];
     export const variableType9 : string | undefined = myArray[9];
     console.log(variableType9?.length); // 值为undefined时返回undefined，避免运行时错误
     

   • 先做空值判断：

     const myArray = ["a", "b", "see", "d", "e", "f"];
     export const variableType9 : string | undefined = myArray[9];
     if (variableType9) {
       console.log(variableType9.length);
     }
     

补充说明 #

开启strictNullChecks后，TypeScript会严格校验所有可能为null或undefined的值，从根源上规避这类运行时错误。若项目此前未启用严格模式，可能需要逐步修复现有代码的空值问题，但长期来看能大幅提升代码可靠性。

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