TypeScript 中未定义处理

在 TypeScript 中，未定义处理是非常重要的，因为它可以帮助我们在编译时捕获潜在的错误，以下是一些常见的未定义处理方式：

1、检查变量是否已定义

在使用变量之前，我们可以使用 typeof 操作符检查变量是否已定义，如果变量未定义，我们可以抛出一个错误或执行其他操作。

if (typeof myVariable === 'undefined') {
  throw new Error('myVariable is not defined');
}

2、使用默认值

为变量提供一个默认值，以防止未定义的情况，这样，即使变量未定义，代码也可以正常运行。

const myVariable = myFunction() || 'default value';

3、使用非空断言操作符（！）

非空断言操作符（！）可以告诉编译器，我们确信某个值不为 null 或 undefined，请注意，这可能会导致运行时错误。

function myFunction(): string | null {
  // ...
}
const result = myFunction()!; // 我们确信 myFunction() 返回的值不为 null 或 undefined

4、使用类型断言

类型断言可以将一个值指定为特定的类型，从而消除类型检查器对未定义值的警告，请注意，如果值确实未定义，这将导致运行时错误。

const myVariable = myFunction() as string; // 我们确信 myFunction() 返回的值是字符串类型

5、使用条件类型和映射类型

条件类型和映射类型可以帮助我们根据变量是否已定义来创建新类型，我们可以创建一个 Maybe<T> 类型，表示可能包含值的类型。

type Maybe<T> = T | null;

我们可以使用 Maybe 类型来包装可能未定义的值。

const myVariable: Maybe<string> = myFunction(); // myFunction() 可能返回 null 或 string 类型