TypeScript:熟练掌握TypeScript(四)

简介: TypeScript:熟练掌握TypeScript(四)

6.43、函数之间的类型兼容性(3-3,返回值)

6.44、交叉类型

6.45、交叉类型和接口之间的对比说明

6.46、泛型的基本使用<T>

TypeScript中泛型<T>详细讲解 - 南风晚来晚相识 - 博客园

6.47、简化泛型函数调用

6.48、泛型约束

6.49、泛型约束(extends添加约束)

6.50、多个泛型变量的情况

6.51、泛型接口

6.52、数组式泛型接口

6.53、泛型类

6.54、泛型工具类型(partial)

6.55、泛型工具类型(readonly)

6.56、泛型工具类型(pick)

6.57、泛型工具类型(record)

6.58、索引签名类型

6.59、映射类型

6.60、映射类型(keyof)

6.61、分析泛型工具类型partial的实现

6.62、索引查询类型(基本使用)

6.63、索引查询类型(同时查多个)

6.64、类型声明文件概述

6.65、TS中的两种文件类型

TS中有两种文件类型:1 .ts文件 2 .d.ts文件

.ts文件:

1、既包含类型信息又可执行代码。

2、可以被编译为.js文件,然后,执行代码。

3、用途:编写程序代码的地方。

.d.ts文件:

1、只包含类型信息的类型声明文件。

2、不会生成.js文件,仅用于提供类型信息。

3、用途:为js提供类型信息。

总结:.ts是implementation(代码实现文件);.d.ts是declaration(类型声明文件)。

如果要为js库提供类型信息,要使用.d.ts文件。

这两个文件在TS项目里边很重要,比如在vue3+TS或者uniapp+vue3+TS项目中遇到类型报错,首先考虑是不是这两个文件的配置问题。

6.66、使用已有的类型声明文件(1,内置类型声明文件)

在使用TS开发项目时,类型声明文件的使用包括一下两种方式:

1、使用已有的类型声明文件

2、创建自己的类型声明文件

学习顺序:先会用(别人的)再会写(自己的)

6.67、使用已有的类型声明文件(2,第三方库的类型声明文件)

第三方库的类型声明文件:目前,几乎所有的常用的第三方库都有响应的类型声明文件。

第三方库的类型声明文件有两种存在形式:1库自带类型声明文件;2由DefinitelyTyped提供。

库自带类型声明文件,比如,axios

解释:

这种情况下,正常导入该库,TS就会自动加载库自己的类型声明文件,以提供该库的类型声明。

6.68、创建自己的类型声明文件(3-1,项目内共享类型)

6.69、创建自己的类型声明文件(3-2,为已有js文件提供类型的声明概述)

6.70、创建自己的类型声明文件(3-3,为已有js文件提供类型的声明)

6.71、TS配置文件tsconfig.json的说明

tsconfig.json是TypeScript编译器的配置文件,它定义了编译器的设置和编译选项。该文件用于指定编译项目的根目录、输出目录、编译选项等设置。

常见的配置选项
序号 配置项 说明
1 compilerOptions 它定义了编译器的设置和编译选项,包括target、module、lib、declaration、outDir、sourceMap等。
2 include 它用于指定需要编译的文件或文件夹的路径。
3 exclude 它用于指定不需要编译的文件或文件夹的路径。
4 files 它用于指定需要编译的文件列表。
5 extends 它允许继承其他tsconfig.json文件的设置。

使用tsconfig.json可以简化编译步骤,提高编译效率,并且使得编译的设置更加统一和可维护。

注意:TS的配置项非常多(100+),使用时一定要认真查看文档。

1、tsconfig.json文件所在目录为项目根目录(与package.json同级)。

2、tsconfig.json可以自动生成,命令:tsc --init。

6.72、通过命令方式使用编译配置

除了在tsconfig.json文件中使用编译配置外,还可以通过命令行来使用。

使用演示:tsc hello.ts --target es6

注意:

1、tsc后带有输入文件时候(比如,tschello.ts),将忽略tsconfig.json文件。

2、tsc后不带输入文件时(比如,tsc),才会启用tsconfig.json

推荐使用:tsconfig.json配置文件

七、过程记录

7.1、ts的(.d.ts)文件

TypeScript的`.d.ts`文件(Declaration File)是用来描述JavaScript库、模块或者其他代码的类型信息的文件。`.d.ts`文件中包含了类型声明、接口、类等的定义,这些定义可以让其他TypeScript代码理解和使用这些JavaScript代码。`.d.ts`文件可以手动编写,也可以使用工具自动生成。

`.d.ts`文件是在类型系统中非常重要的一种文件类型,因为它们允许TypeScript开发者在编写代码时获得类型检查和自动补全的支持,从而提高开发效率和代码质量。

一文读懂TS的(.d.ts)文件 - 简书

八、本文第六章学习内容来自 哔哩哔哩_黑马程序员_TypeScript 感谢UP分享,本文仅用于记录学习过程,如有侵权立即删除。

九、欢迎交流指正,关注我,一起学习。

相关文章
|
11月前
|
JavaScript 前端开发 Java
TypeScript:熟练掌握TypeScript(三)
TypeScript:熟练掌握TypeScript(三)
118 0
|
11月前
|
JavaScript 索引
TypeScript:熟练掌握TypeScript(二)
TypeScript:熟练掌握TypeScript(二)
80 0
|
11月前
|
资源调度 JavaScript 前端开发
TypeScript:熟练掌握TypeScript(一)
TypeScript:熟练掌握TypeScript(一)
73 0
|
12天前
|
JavaScript 前端开发 安全
使用TypeScript增强JavaScript应用的类型安全性
【5月更文挑战第23天】TypeScript是微软开发的JavaScript超集,引入静态类型检查和面向对象特性,提升代码可维护性和可靠性。它在编译阶段捕获类型错误,增强代码可读性,并通过接口、类、泛型和类型断言等工具确保类型安全。使用TypeScript能有效避免复杂项目中的调试难题,尤其适合大型项目。
|
20天前
|
监控 JavaScript 安全
TypeScript在员工上网行为监控中的类型安全实践
本文演示了如何使用TypeScript在员工上网行为监控系统中实现类型安全。通过定义`Website`类型和`MonitoringData`接口,确保数据准确性和可靠性。示例展示了从监控设备获取数据和提交到网站的函数,强调了类型定义在防止错误、提升代码可维护性方面的作用。
73 7
|
1天前
|
JavaScript
23.【TypeScript 教程】条件类型
23.【TypeScript 教程】条件类型
5 2
|
1天前
|
JavaScript 开发者
22.【TypeScript 教程】映射类型
22.【TypeScript 教程】映射类型
9 2
|
1天前
|
索引 JavaScript 前端开发
21.【TypeScript 教程】索引类型
21.【TypeScript 教程】索引类型
12 2
|
1天前
|
JavaScript
20.【TypeScript 教程】类型别名
20.【TypeScript 教程】类型别名
6 0
|
1天前
|
JavaScript
19.【TypeScript 教程】联合类型
19.【TypeScript 教程】联合类型
6 2