`Type`脚本--带例子的`Type`关键词初级指南

108 阅读2分钟

在这个简短的教程中,通过实例了解typescript中的type 关键字。

Type 是typescript中的一个关键词,作为现有或自定义类型的别名。

类型关键字的例子

以下是例子

如何声明一个类型为nullable

让我们在ts文件中声明雇员接口

interface Employee {
  name: string;
  id: number;
  salary: number;
}

创建一个接口或类的空类型数组

Employee对象持有不同类型的数据。

使用泛型的类型声明

首先,数组变量可以用Employee的通用数组来声明,通过分配一个空数组

let employees: Array = [];

因此,创建一个变量存储的空类型化数组

类型断言

`类型断言就像把一个类型的对象分配给一个变量。它在运行时不会对性能产生影响。然而,它用于避免在编译时出错。

使用两种语法。第一种是as syntax ,第二种是angle-bracket syntax

下面是一个example for creating an empty typed array with as syntax

let empArray1 = [] as Employee[];

上述语法也可以用角括号语法来写,如下所示

let empArray = []; 

两者在用法和性能上都是一样的。

数组构造器

最后,数组构造函数是通用用法,每个开发者都会使用。它使用一个new操作符来创建一个空数组。

let empArray = new Array(); 
let empArray: Array = new Array();

它在可读性方面看起来不错,然而,性能影响了在内存中创建一个引用。

如何创建空的类型化字符串数组及实例

有许多方法可以通过以下语法来创建类型化字符串数组

let emptyStringArray: string[] = [];
let emptyStringArray1 = new Array(); 
let emptyStringArray2: Array = new Array();

在数组中创建并初始化类型化的空对象

在这个例子中,创建一个非空数组,其对象数据为空或默认值。

让我们为用户声明一个接口

interface User {
  name: string;
  id: number;
  password: string;
}

下面是一个用数组初始化三个空的用户对象的例子。Partial in typescript ,允许你构造带有可选字段的对象Partial 返回带有可选id、name和password的User

users: Partial[] = [{}, {}, {}];

另一个选择是用一个对象的默认值来手动设置每个对象的值

users1: User[] = [{ id: null, name: null, password:null }{ id: null, name: null, password:null }]

总结

在结论中,你学到了创建一个类型化的空数组的不同方法,以及如何创建一个带有空对象的数组。