菜单
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

TypeScript Null & Undefined


TypeScript 拥有强大的系统来处理 nullundefined 值。

默认情况下,nullundefined 的处理是禁用的,可以通过将 strictNullChecks 设置为 true 来启用。

此页面的其余部分适用于启用了 strictNullChecks 的情况。


类型

nullundefined 是原始类型,可以像其他类型(如 string)一样使用。

示例

let value: string | undefined | null = null;
value = 'hello';
value = undefined;
自己动手试一试 »

当启用了 strictNullChecks 时,TypeScript 要求为变量赋值,除非在类型中明确添加了 undefined


可选链 (Optional Chaining)

可选链是一个 JavaScript 功能,它与 TypeScript 的 null 处理配合得很好。它允许使用紧凑的语法访问可能存在也可能不存在的对象属性。在访问属性时,可以使用 ?. 运算符。

示例

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); // Prints 'No yard'
自己动手试一试 »

空值合并 (Nullish Coalescence)

空值合并是另一个 JavaScript 功能,它也与 TypeScript 的 null 处理配合得很好。它允许编写专门处理 nullundefined 的回退表达式。当表达式中可能出现其他虚值但仍有效时,这很有用。它可以在表达式中使用 ?? 运算符,类似于使用 && 运算符。

示例

function printMileage(mileage: number | null | undefined) {
  console.log(`Mileage: ${mileage ?? 'Not Available'}`);
}

printMileage(null); // Prints 'Mileage: Not Available'
printMileage(0); // Prints 'Mileage: 0'
自己动手试一试 »

w3schools CERTIFIED . 2022

获得认证!

完成 TypeScript 模块,做练习,参加考试,成为 W3Schools 认证!!

$45 报名

Null 断言 (Null Assertion)

TypeScript 的类型推断系统并非完美,有时忽略值可能是 nullundefined 的可能性是有意义的。一种简单的方法是使用类型断言,但 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`
自己动手试一试 »

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持