TypeScript中的null和undefined|极客教程

TypeScript中的null和undefined

在 TypeScript 中，null 和 undefined 是两个特殊的数据类型，用来表示缺少值的状态。在本文中，我们将详细讨论这两个数据类型在 TypeScript 中的使用，以及如何避免常见的错误。

null 和 undefined 的含义

首先，让我们来了解一下 null 和 undefined 的含义。

null: 表示一个空引用，即变量没有指向任何对象。
undefined: 表示一个已声明但没有赋值的变量，或者访问一个不存在的属性时返回的值。

在 JavaScript 中，null 和 undefined 都被认为是 falsy 值，即当它们作为条件判断的时候，会被转换为 false。

使用 null 和 undefined

null

在 TypeScript 中，可以使用 null 来显式地表示一个变量的值为 null。

let foo: null = null;

在上面的示例中，我们声明了一个名为 foo 的变量，并将其类型指定为 null，然后将其赋值为 null。

undefined

类似地，我们也可以使用 undefined 来表示一个变量的值为 undefined。

let bar: undefined = undefined;

在上面的示例中，我们声明了一个名为 bar 的变量，并将其类型指定为 undefined，然后将其赋值为 undefined。

null 和 undefined 的联合类型

有时候，一个变量可能既可以是 null，又可以是 undefined，这时可以使用联合类型来进行声明。

let baz: null | undefined = null;

上面的示例中，我们声明了一个名为 baz 的变量，并将其类型指定为 null 或 undefined。

避免错误使用 null 和 undefined

在使用 null 和 undefined 时，有一些常见的错误需要避免。

类型错误

在 TypeScript 中，null 和 undefined 是各自的类型，如果将它们错误地赋值给其他类型的变量，会导致类型错误。

let num: number = null; // Error: Type 'null' is not assignable to type 'number'.
let str: string = undefined; // Error: Type 'undefined' is not assignable to type 'string'.

可选属性

在定义对象时，可以使用可选属性来表示一个属性可能为 null 或 undefined。

interface Person {
  name: string;
  age?: number;
}

let person: Person = {
  name: 'Alice',
  age: undefined
};

在上面的示例中，我们定义了一个 Person 接口，其中 age 属性是可选的，可以赋值为 undefined。

非空断言运算符

非空断言运算符（!）可以用来告诉 TypeScript 一个值肯定不为 null 或 undefined。

let foo: string | null = 'bar';
let length: number = foo!.length; // OK

在上面的示例中，我们使用非空断言运算符来告诉 TypeScript foo 的值肯定不为 null。

总结

在 TypeScript 中，null 和 undefined 是用来表示缺少值的状态的特殊数据类型。了解它们的含义和正确使用方法，可以帮助我们避免一些常见的错误。

TypeScript中的null和undefined