TypeScript 教程
/ Null
Null
類型
null 和 undefined 是原始類型，可以像其他類型（如字符串）一樣使用。
實例
let value: string | undefined | null = null; value = 'hello'; value = undefined;
當(dāng)啟用 strictNullChecks 時，TypeScript 要求必須設(shè)置值，除非將 undefined 顯式添加到類型中。
可選鏈
可選鏈?zhǔn)桥c TypeScript 的空值處理配合良好的 JavaScript 特性。它允許以一種緊湊的語法訪問對象上可能存在或不存在的屬性。可以在訪問屬性時使用 ?. 運(yùn)算符。
實例
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 特性。它允許編寫具有回退的表達(dá)式，特別是在處理 null 或 undefined 時。當(dāng)表達(dá)式中可能出現(xiàn)其他虛假值但仍然有效時，這非常有用?？梢栽诒磉_(dá)式中使用 ?? 運(yùn)算符，類似于使用 && 運(yùn)算符。
實例
function printMileage(mileage: number | null | undefined) {
console.log(`Mileage: ${mileage ?? 'Not Available'}`);
}
printMileage(null); // Prints 'Mileage: Not Available'
printMileage(0); // Prints 'Mileage: 0'
空斷言
TypeScript 的推理系統(tǒng)并不完美，有些時候忽略值可能為 null 或 undefined 是有意義的。一種簡單的方法是使用類型轉(zhuǎn)換，但 TypeScript 還提供了 ! 運(yùn)算符作為方便的快捷方式。
實例
function getValue(): string | undefined {
return 'hello';
}
let value = getValue();
console.log('value length: ' + value!.length);
就像類型轉(zhuǎn)換一樣，這可能不安全，應(yīng)謹(jǐn)慎使用。
數(shù)組邊界處理
即使啟用了 strictNullChecks，默認(rèn)情況下，TypeScript 會假定數(shù)組訪問永遠(yuǎn)不會返回 undefined（除非 undefined 是數(shù)組類型的一部分）。
可以使用配置 noUncheckedIndexedAccess 來更改此行為。
實例
let array: number[] = [1, 2, 3]; let value = array[0]; // 使用 noUncheckedIndexedAccess，這將是 number | undefined 類型