在 TypeScript 中,定义类型时你用 Types 还是 Interfaces?

news/2024/6/19 6:51:24

a57158e41362ad5ea032b58452bdd6c4.jpeg


什么是 Types 和 Interfaces?

TypesInterfaces 是 TypeScript 中两种用于定义数据结构的工具。它们可以帮助开发者在编写代码时约束变量和对象的类型,从而减少错误并提高代码的可读性。

  • Types:Types 允许你定义各种类型,包括基本类型(如字符串、数字)、对象类型、联合类型、交叉类型等。它们非常灵活,可以通过组合不同的类型来创建复杂的数据结构。

    示例:

    type UserID = string | number;
    type User = {id: UserID;name: string;age: number;
    }
  • Interfaces:Interfaces 主要用于定义对象的结构,包括对象的属性及其类型。它们更注重描述对象形状,可以通过 extends 关键字实现接口的继承,从而增强代码的可复用性。

    示例:

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

为什么优先使用Types呢?

在 TypeScript 中,关于使用 Types 还是 Interfaces 进行类型定义一直存在争论。尽管两者都可以用于创建变量、函数参数和返回值等可重用的结构,但在大多数情况下,我们应该优先使用 Types。以下是四个主要原因:

1. Types 支持联合类型

Types 可以定义联合类型,这意味着它们可以在单个定义中包含多个原始类型或对象。例如:

type ID = string | number;

然而,使用 Interfaces 是无法实现这一点的:

// 会报错!
interface ID = string | number;

2. Types 支持字符串字面量类型

Types 允许定义字符串字面量类型,即可以指定变量或参数的确切字符串值。而 Interfaces 则不支持这一特性。例如:

type Status = "pending" | "in-progress" | "completed";

而使用 Interfaces 则会报错:

// 会报错!
interface Status = "pending" | "in-progress" | "completed";

3. Types 是不可变的

在 TypeScript 中,Interfaces 可以多次声明并合并,这可能会导致意外的行为。例如:

interface User {email: string;
}interface User {password: string;
}

上述代码将合并两个声明,最终的 User 接口包含 emailpassword 两个属性。然而,Types 是不可变的,这类似于 JavaScript 中使用 const 关键字声明变量:

type User = {email: string;
}// 会报错,因为不能重复声明
type User = {password: string;
}

4. Types 支持条件类型

Types 支持条件类型,允许根据条件选择类型。例如:

type Check<T> = T extends string ? string : number;let result1: Check<string>; // result1 的类型是 string
let result2: Check<number>; // result2 的类型是 number

总结

虽然 Interfaces 在某些特定情况下(如需要继承时)更为合适,但在大多数情况下,Types 提供了更多的灵活性和强大的功能。因此,我们应该尽可能优先使用 Types。

希望这篇文章对你理解 TypeScript 中的 Types 和 Interfaces 有所帮助!如果有任何疑问,欢迎在评论区留言讨论。


https://dhexx.cn/news/show-5385022.html

相关文章

解决关于git clone 带子模块的项目得到的源码不完整,导致编译失败的解决办法

在使用 git 克隆一个项目的时候&#xff0c;你可能会碰到克隆后编译失败的情况&#xff0c;经过查找&#xff0c;发现原来是缺少一些文件&#xff0c;这些文件都有一个特点&#xff0c;如图&#xff1a; 要解决这个问题&#xff0c;需要在clone 命令的基础上加上一些参数 &…

Python的Pillow(图像处理库)非常详细的学习笔记

Python的Pillow库是一个非常强大的图像处理库。 安装Pillow库&#xff1a; 在终端或命令行中输入以下命令来安装Pillow&#xff1a; pip install pillow 安装后查看是否安装成功以及当前版本 pip show Pillow 升级库&#xff1a; pip install pillow --upgrade 一些基…

2023 hnust 湖科大 嵌入式 实验报告+代码及复习资料等

2023 hnust 湖科大 嵌入式 实验报告代码及复习资料等 目录 流水灯 1 8位数码管动态扫描 3 按键输入 5 温度与关照 7 看门狗 9 内容 报告 代码 下载链接 https://pan.baidu.com/s/1LIN8rm42yrukXliI3XyZ1g?pwd1111

聊聊对Andorid的FileProvider的理解

最近在项目中遇到一个有关FileProvider的问题&#xff0c;由此来学习了一下FileProvider&#xff0c;有关笔记记录如下。 FileProvider是 Android 系统中一个特殊的内容提供者(ContentProvider), 它主要用于应用之间安全的共享文件。通过 FileProvider,应用可以生成一个 conte…

QNX 7.0.0开发总结

1 QNX编译 1.1 基本概念 QNX可以直接使用Linux Makefile编译库和二进制&#xff0c;在Makefile文件中指定CCaarch64-unknown-nto-qnx7.0.0-g&#xff0c;或者CCx86_64-pc-nto-qnx7.0.0-g&#xff0c;保存退出后&#xff0c;运行source /qnx_sdk_path/qnxsdp-env.sh&#xff0c;…

iOS18首个Beta测试版发布,功能介绍附beta升级办法!

今天凌晨&#xff0c;一年一度的苹果WWDC24开发者大会正式开幕&#xff0c;发布了iOS 18、iPadOS 18、macOS Sequoia、watch OS11等新系统。 大会结束后&#xff0c;苹果火速发布了首个iOS 18开发者Beta版&#xff0c;目前有开发者资格的用户已经可以下载体验尝鲜了。 本次更新…

C++学习日记 | LAB 7 shared library 共享库

资料来源&#xff1a;南科大 于仕琪 C/C Program Design LINK&#xff1a;CPP/week07 at main ShiqiYu/CPP GitHub 一、本节内容 本节主要介绍建立共享库的内容。习题主要内容为 共享库将开发人员希望与其他开发人员共享的功能的编译代码打包在一起。共享库通常具有以下特点…

从数据采集到部署,手把手带你训练一个高质量的图像分类模型

本文来自社区投稿&#xff0c;作者李剑锋 MMPreTrain 是一款基于 PyTorch 的开源深度学习预训练工具箱&#xff0c;本文将从数据采集到部署&#xff0c;手把手带大家使用 MMPreTrain 算法库训练一个高质量的图像分类模型。 MMPreTrain 项目链接&#xff1a; https://github.co…

python 启动 exe

方法1 import os exe_path "D:\\MyInstaller\\QQ9\\QQ.exe" os.system(exe_path)方法2 import subprocess # 指定exe文件的路径 exe_path "D:\\MyInstaller\\QQ9\\QQ.exe" # 使用subprocess启动exe process subprocess.call(exe_path)方法3 import s…

经典文献阅读之--FlashOcc(快速且内存高效的占用预测模块)

Tip: 如果你在进行深度学习、自动驾驶、模型推理、微调或AI绘画出图等任务&#xff0c;并且需要GPU资源&#xff0c;可以考虑使用UCloud云计算旗下的Compshare的GPU算力云平台。他们提供高性价比的4090 GPU&#xff0c;按时收费每卡2.6元&#xff0c;月卡只需要1.7元每小时&…