TypeScript 教程
类型
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 类型
相关视频
24小时阅读榜
精品课程
共22课时
24.4万人学习
共28课时
36.3万人学习
共89课时
133.5万人学习
热门下载
集成PHP7，16种组合，超全大合集
下载
phpStudy安装所需运行库集合下载
下载
程序员工具箱 v1.0 php集成环境
下载
中文版，非常好用
下载
Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。
下载
Win64位，支持php多版本共存
下载