跟我一起学习 Typescript - 第 2 部分

在上一篇文章中我们学习了 TypeScript 的基础知识，如果您还没有阅读过，请在阅读本文之前先阅读。

1- 跟我一起学习打字稿 - 1

枚举

枚举提供了一种定义一组命名常量的方法。默认情况下，枚举值从 0 开始，但我们可以覆盖它们。

enum Color { Red = "RED", Green = "GREEN", Blue = "BLUE", };

const getColorMessage = (color: Color): string => { 
      return You selected ${color};
 }; 

console.log(getColorMessage(Color.Red));

数组

TypeScript 中的数组允许您定义相同类型元素的集合，您可以将它们视为某种列表，即使在 Python 中也称为列表类型。

const numbers: number[] = [1, 2, 3, 4];

numbers.push(5);

console.log(numbers);

now if I try to add a string in numbers array typescript will complain

number.push("five") // type string is not assignable to type number

元组

元组是打字稿中的一种特殊数组类型，它允许您定义具有固定大小和类型的数组。元组用于我们确切知道数据形状的地方，然后通过使用元组，我们将在读取数据时获得性能提升。

const user: [number, string] = [1, "Alice"];

console.log(user);

目的

打字稿中的对象允许您使用类型定义对象的结构。我们可以像这样输入对象，更多关于类型别名中的对象主题

const user: { id: number; name: string } = { id: 1, name: "Alice" }; 

console.log(user.name);

类型别名

类型别名允许您在打字稿中定义自定义类型，以实现更好的代码重用和可读性。现在我们可以将对象键入为 Type Alias UserType

注意：不要在实际项目中使用像 type 这样的词。

type UserType = { id: number; name: string; };

const user: UserType = { id: 1, name: "Alice" };

console.log(user.id);

可选属性

可选属性允许您定义可能存在也可能不存在的对象属性。在我们前面的例子中，如果我们认为用户只有 id 和 name，则可能存在也可能不存在。我们可以添加？ before : 表示这是一个可选属性

type UserType = { id: number; name?: string; };

const user: User = { id: 1 };

console.log(user.name ?? "Name not provided");

缩小/类型保护

类型保护允许您缩小特定代码块内值的类型。因此，据我们所知，我们的用户将名称作为可选属性，如果我们现在尝试打印用户的名称，它将显示未定义，我们不想向客户显示它，因此我们在显示之前确保用户名是一个字符串它

if (typeof user.name == 'undefined') {
   console.log("Welcome", user.name)
}  else {
   console.log("Welcome Guest")
}

好的，大家，在我们的下一篇文章中，我们将开始介绍函数和类型断言。

丹麦阿里

以上是跟我一起学习 Typescript - 第 2 部分的详细内容。更多信息请关注PHP中文网其他相关文章！