猿创征文|【Typescript入门】常用数据类型(2)

简介: 猿创征文|【Typescript入门】常用数据类型(2)

函数的参数类型


函数是 JavaScript 中非常重要的部分。TypeScript允许我们指定函数的参数和返回值的类型。

函数参数类型的注解:声明函数时,可以在每个参数后添加类型注解,以声明函数接受的参数类型。微信图片_20221012160429.png和变量的类型注解一样,通常情况下不需要返回类型注解,因为TypeScript会根据 return 返回值推断函数的 返回类型。


匿名函数的参数


当一个函数出现在TypeScript可以确定该函数会被如何调用的地方时,该函数的参数会自动指定类型。

微信图片_20221012160530.png

这个过程称之为上下文类型(contextual typing),因为函数执行的上下文可以帮助确定参数和返回值的类型


对象类型


场景:希望限定一个函数接受的参数是一个对象

微信图片_20221012160620.png

对象类型也可以指定哪些属性是可选的,可以在属性后面添加一个 ?

后面会详细讲解可选类型


联合类型


联合类型(Union Type)是由两个或者多个其他类型组成的类型,表示可以是这些类型中的任何一个值,联合类型中的每一个类型被称之为联合成员(union’s members),中间用一个 “ | ”隔开

微信图片_20221012160719.png微信图片_20221012160723.png

类型别名


通过在类型注解中编写 对象类型 和 联合类型,但是当我们想要多次在其他地方使用时,就要编写多次,这个时候就可以给对象类型起一个别名。使用关键字 type

微信图片_20221012160802.png

相关文章
|
15天前
|
JavaScript 前端开发 编译器
【小白入门】 浏览器如何识别Typescript?
【10月更文挑战第1天】浏览器如何识别Typescript?
|
3月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
1月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
43 4
|
1月前
|
JavaScript 前端开发 编译器
TypeScript,从0到入门带你进入类型的世界
该文章提供了TypeScript的入门指南,从安装配置到基础语法,再到高级特性如泛型、接口等的使用,帮助初学者快速掌握TypeScript的基本用法。
|
4月前
|
JavaScript 前端开发 程序员
typescript入门笔记分享
typescript入门笔记分享
28 0
|
5月前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
5月前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
5月前
|
JavaScript
vite+typescript从入门到实战(三)
vite+typescript从入门到实战
77 0
|
5月前
|
JavaScript
vite+typescript从入门到实战(二)
vite+typescript从入门到实战
78 0
|
5月前
|
JavaScript 前端开发
vite+typescript从入门到实战(一)
vite+typescript从入门到实战
123 0