解释 TypeScript 中 null 的概念及其用途
在 TypeScript 中，"null"是指数据类型或值。null 是 TypeScript 中的一个关键字，我们可以使用它来表示缺失或空值。因此，我们可以使用"null"来定义变量的数据类型或初始化变量。
在本教程中，我们将学习 TypeScript 中 null 值和数据类型的不同用例。
语法
用户可以按照以下语法将 null 关键字用作数据类型或值。
let null_var: null = null;
在上述语法中，"null"指的是 null_var 命名变量的数据类型，我们已将其初始化为 null 值。
TypeScript 是一种严格类型的语言。因此，我们需要定义变量的数据类型。如果我们想用空值定义变量，我们需要将该变量定义为 Null 类型。
示例
在下面的示例中，我们创建了 null 类型的 null_var 变量，并用 null 值初始化它。之后，我们打印了 null_var 的值，结果打印为 null。
以下示例的目的是展示当我们将 null 值分配给 value 变量时，该变量包含的内容。
// 定义 null 类型的变量并用 null 值初始化
let null_var: null = null;
console.log("null_var 的值为 " + null_var);
编译后，它负责生成以下 JavaScript 代码 -
// 定义 null 类型的变量并用 null 值初始化
var null_var = null;
console.log("null_var 的值为 " + null_var);
现在，我们将学习 null 在实时开发中的用例。例如，您创建了变量，需要在从数据库获取值后对其进行初始化。因此，当您声明变量时，您可以使用 null 对其进行初始化，当从数据库获取数据完成后，您可以使用数据对其进行初始化。当您想使用该变量执行某些操作时，它很有用，但前提是它不为 null 且已用某些值初始化。
示例
在下面的示例中，我们声明了类型为 number 或 null 的数据变量。我们首先用 null 值初始化，然后使用 if 条件检查数据是否可用，并打印数据。
之后，我们用数字初始化数据变量，并再次使用"if"语句检查数据值是否存在并相应地打印消息。
// 声明类型为 null 或 number 的数据变量
let data: null | number = null;
// 如果数据可用，则打印数据
if (data) {
console.log(data);
}
// 考虑从数据库获取数据并用值初始化。
data = 10;
// 如果数据不为 null，则打印消息
if (data) {
console.log("数据值为 " + data);
}
编译后，它将生成以下 JavaScript 代码 -
// 声明类型为 null 或 number 的数据变量
var data = null;
// 如果有数据，则打印数据
if (data) {
console.log(data);
}
// 考虑从数据库获取数据并用值初始化。
data = 10;
// 如果数据不为 null，则打印消息
if (data) {
console.log("数据值为 " + data);
}
上述示例的目的是演示我们可以通过使用 null 值初始化变量来声明没有实际值的变量。稍后，我们可以通过实际值初始化变量。
处理 null 变量
我们学会了声明 null 变量，但现在我们需要学习如何处理 null 变量。最简单的方法是使用 if 语句。在 if 语句条件中，我们检查变量值是否为 null。但是还有其他方法可以处理空变量。
使用可选链
可选链允许我们为类和对象定义可选属性。 但是，我们可以使用可选链处理空变量。 我们可以使用问号 (?) 运算符使任何属性成为可选的。
语法
用户可以按照以下语法使用可选链处理空变量。
interface sample {
property?: type;
}
示例
在此示例中，我们创建了包含可选 age 属性的接口。我们定义了样本类型的对象，但未在其中声明 age，因为它是可选属性
// 对象的接口
interface sample {
id: string;
name: string;
age?: number;
}
// 年龄是可选的，因此不需要定义它
let object: sample = {
id: "20232",
name: "shubham",
};
// 访问年龄
let age_var: number | undefined = object.age;
console.log("The value of age_var is " + age_var);
编译后，它将生成以下 JavaScript 代码 -
// age 是可选的，因此您无需定义它
var object = {
id: "20232",
name: "shubham"
};
// 访问 age
var age_var = object.age;
console.log("age_var 的值为 " + age_var);
我们在本教程中学习了 null 的各种用例以及如何处理 null 变量。因此，当用户不确定变量的值并希望稍后用其他值初始化它时，他们应该用 null 值初始化变量，而不是用随机值初始化它。
