TypeScript 2.0中typeof null变量返回undefined的异常问题咨询

嘿，这个问题我刚学TypeScript的时候也碰到过，简直一脸懵！其实核心原因是TypeScript的类型注解和JavaScript运行时行为的差异，咱们一步步拆解开看：

1. 为什么typeof返回的都是undefined？ #

你写的这段TypeScript代码：

let myNullVar : null;
let myNullVar2 : undefined;
console.log(typeof myNullVar);
console.log(typeof myNullVar2);

编译成JavaScript后会变成这样：

let myNullVar;
let myNullVar2;
console.log(typeof myNullVar);
console.log(typeof myNullVar2);

这里的关键是：TypeScript的类型注解只是编译时的类型约束，不会自动给变量赋值。哪怕你标注了: null类型，变量本身在JS运行时还是处于「未赋值」的状态，而JS中未赋值的变量值就是undefined，所以typeof自然返回undefined。

2. 正确的写法：类型注解+赋值 #

要让变量真正拥有null或undefined的值，你需要在声明时手动赋值：

let myNullVar: null = null;
let myNullVar2: undefined = undefined;

console.log(typeof myNullVar); // 注意！这里会输出 "object"（JS的历史bug）
console.log(typeof myNullVar2); // 输出 "undefined"

这里还要提一个JavaScript的历史遗留问题：typeof null的返回值是"object"，而不是你预期的"null"——这是JS诞生时的一个小bug，至今没修复，所以靠typeof判断null根本行不通。

3. 正确的null判断方式 #

如果要准确识别null类型，别用typeof，直接用严格相等运算符===判断：

let myNullVar: null = null;

if (myNullVar === null) {
  console.log('null'); // 这里会正确执行
} else if (typeof myNullVar === 'undefined') {
  console.log('undefined');
}

总结一下 #

• TS的类型注解只负责编译时检查，不影响运行时变量的值，必须手动赋值才能让变量持有对应类型的实际值。
• 避开JS的typeof null坑，判断null直接用=== null。

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