手册
目录
收藏555
分享
阅读3085
更新时间2025-08-12
null 和 undefined 是原始类型，可以像其他类型（如字符串）一样使用。
let value: string | undefined | null = null; value = 'hello'; value = undefined;
当启用 strictNullChecks 时，TypeScript 要求必须设置值，除非将 undefined 显式添加到类型中。
可选链是与 TypeScript 的空值处理配合良好的 JavaScript 特性。它允许以一种紧凑的语法访问对象上可能存在或不存在的属性。可以在访问属性时使用 ?. 运算符。
interface House {
sqft: number;
yard?: {
sqft: number;
};
}
function printYardSize(house: House) {
const yardSize = house.yard?.sqft;
if (yardSize === undefined) {
console.log('No yard');
} else {
console.log(`Yard is ${yardSize} sqft`);
}
}
let home: House = {
sqft: 500
};
printYardSize(home); // 打印 'No yard'
空值合并是另一个与 TypeScript 的空值处理配合良好的 JavaScript 特性。它允许编写具有回退的表达式，特别是在处理 null 或 undefined 时。当表达式中可能出现其他虚假值但仍然有效时，这非常有用。可以在表达式中使用 ?? 运算符，类似于使用 && 运算符。
function printMileage(mileage: number | null | undefined) {
console.log(`Mileage: ${mileage ?? 'Not Available'}`);
}
printMileage(null); // Prints 'Mileage: Not Available'
printMileage(0); // Prints 'Mileage: 0'
TypeScript 的推理系统并不完美，有些时候忽略值可能为 null 或 undefined 是有意义的。一种简单的方法是使用类型转换，但 TypeScript 还提供了 ! 运算符作为方便的快捷方式。
function getValue(): string | undefined {
return 'hello';
}
let value = getValue();
console.log('value length: ' + value!.length);
就像类型转换一样，这可能不安全，应谨慎使用。
即使启用了 strictNullChecks，默认情况下，TypeScript 会假定数组访问永远不会返回 undefined（除非 undefined 是数组类型的一部分）。
可以使用配置 noUncheckedIndexedAccess 来更改此行为。
let array: number[] = [1, 2, 3]; let value = array[0]; // 使用 noUncheckedIndexedAccess，这将是 number | undefined 类型
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习
