typescript 中的可空类型
在最近的 版本中，null 和 undefined 不可读。但是，较新的版本支持这一点。
本教程将讨论 typescript 中可空类型的概念。
typescript 中的可空类型
用户必须关闭类型检查模式才能在 typescript 中使用 null 和 undefined 类型。使用 strictnullchecks 标志来检查属性的类型。
如果 strictnullchecks 标志打开，将不允许用户定义类型 null 和 undefined。默认情况下，该标志是打开的，用户必须手动将其关闭。
代码：
interface info {
name: string,
age: number,
city: string,
}
const info: info = {
name: 'john',
age: null,
city: 'washington'
}
由于打开了类型检查器标志，因此不会有输出。将引发一个错误，即'type null is not assignable to type number'。
如果用户手动关闭类型检查器标志，代码将执行。
代码：
interface info {
name: string,
age: number,
city: string,
}
const info: info = {
name: 'john',
age: null,
city: 'washington'
}
console.log(info)
输出：
{
"name": "john",
"age": null,
"city": "washington"
}
现在上面的代码只在类型检查标志关闭时执行。
在 typescript 中使属性可选
还有另一种消除 null 和 undefined 的方法。这是处理属性的最优选方式。
typescript 允许将属性设为可选，以便这些属性只能在需要时使用。与其在每次没有用时都声明属性 null，不如首选可选呈现。
代码：
interface info {
name: string,
age?: number,
city: string,
}
const info1: info = {name: 'john', city: 'washington'};
const info2: info = {name: 'jack', age: 13, city: 'london'};
console.log(info1);
console.log(info2);
输出：
{
"name": "john",
"city": "washington"
}
{
"name": "jack",
"age": 13,
"city": "london"
}
请注意，在上面的示例中，属性 age 是可选的。第一个对象 info1 中不需要属性 age，因此它从未被调用。
如果类型检查器关闭并且用户将 info1 中的年龄设置为 null，它将引发错误。现在，假设有 100 个对象，其中只有 10 个需要 age 属性，因此不要将 age 声明为 null，而是将其设为可选。
typescript 中 nullable 的联合类型
当用户不想关闭类型检查器时使用联合类型。联合类型也是首选方法，但它具有在使用属性时分配 null 的复杂性。
代码：
interface info {
name: string,
age: number | null,
city: string,
}
const info1: info = {name: 'john', age: null, city: 'washington'};
const info2: info = {name: 'jack', age: 13, city: 'london'};
console.log(info1);
console.log(info2);
输出：
{
"name": "john",
"age": null,
"city": "washington"
}
{
"name": "jack",
"age": 13,
"city": "london"
}
注意界面中 age 的声明。联合类型用于为属性分配多种类型，即使在严格模式下也能正常工作。
转载请发邮件至 1244347461@qq.com 进行申请，经作者同意之后，转载请以链接形式注明出处
本文地址：
相关文章
在 typescript 中使用 try..catch..finally 处理异常
发布时间：2023/03/19 浏览次数：385 分类：
-
本文详细介绍了如何在 typescript 中使用 try..catch..finally 进行异常处理，并附有示例。
发布时间：2023/03/19 浏览次数：254 分类：
-
本教程指南通过特定的实现和编码示例深入了解了 typescript 中 declare 关键字的用途。
发布时间：2023/03/19 浏览次数：962 分类：
-
本篇文章演示了类的 get 和 set 属性以及如何在 typescript 中实现它。
在 typescript 中格式化日期和时间
发布时间：2023/03/19 浏览次数：269 分类：
-
本教程介绍内置对象 date() 并讨论在 typescript 中获取、设置和格式化日期和时间的各种方法。
在 typescript 中返回一个 promise
发布时间：2023/03/19 浏览次数：586 分类：
-
本教程讨论如何在 typescript 中返回正确的 promise。这将提供 typescript 中 returns promise 的完整编码示例，并完整演示每个步骤。
在 typescript 中定义函数回调的类型
发布时间：2023/03/19 浏览次数：1445 分类：
-
本教程说明了在 typescript 中为函数回调定义类型的ag捕鱼王app官网的解决方案。为了程序员的方便和方便，实施了不同的编码实践指南。
使用 npm 将 typescript 更新到最新版本
发布时间：2023/03/19 浏览次数：446 分类：
-
本教程说明了如何使用 npm 更新到最新版本的 typescript。这将为如何使用 npm 将 typescript 更新到最新版本提供完整的实际示例。
