前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >TypeScript中的类型

TypeScript中的类型

原创
作者头像
堕落飞鸟
发布于 2023-05-22 01:33:56
发布于 2023-05-22 01:33:56
1.9K00
代码可运行
举报
文章被收录于专栏:飞鸟的专栏飞鸟的专栏
运行总次数:0
代码可运行

基本类型

布尔类型 (boolean)

布尔类型表示一个值为真或假的逻辑值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let isDone: boolean = false;

数字类型 (number)

数字类型表示整数或浮点数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let count: number = 10;
let price: number = 3.99;

字符串类型 (string)

字符串类型表示一串字符。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let message: string = "Hello, TypeScript!";

数组类型 (array)

数组类型表示一个元素的集合。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let numbers: number[] = [1, 2, 3, 4, 5];
let fruits: Array<string> = ["apple", "banana", "orange"];

元组类型 (tuple)

元组类型表示一个已知长度和类型的数组。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let person: [string, number] = ["John", 25];

枚举类型 (enum)

枚举类型表示一组具名的常量值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
enum Color {
  Red,
  Green,
  Blue,
}

let color: Color = Color.Red;

任意类型 (any)

任意类型表示可以是任意类型的值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let value: any = "Hello";
value = 10;
value = true;

空类型 (void)

空类型表示没有任何返回值的函数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function showMessage(): void {
  console.log("Hello");
}

高级类型

联合类型 (union)

联合类型表示一个值可以是多个类型中的一个。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let value: string | number = "Hello";
value = 10;

交叉类型 (intersection)

交叉类型表示多个类型的组合。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
interface A {
  name: string;
}

interface B {
  age: number;
}

type C = A & B;

let person: C = {
  name: "John",
  age: 25,
};

函数类型 (function)

函数类型表示函数的参数和返回值类型。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
type AddFunc = (a: number, b: number) => number;

let add: AddFunc = (a, b) => a + b;

类型别名 (type)

类型别名可以为一个类型定义一个别名。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
type Point = {
  x: number;
  y: number;
};

let p: Point = {
  x: 10,
  y: 20,
};

接口 (interface)

接口定义了一个对象的属性和方法。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
interface Person {
  name: string;
  age: number;
}

let person: Person = {
  name: "John",
  age: 25,
};

类型断言

类型断言允许我们在编译期间告诉编译器变量的实际类型。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let value: any = "Hello";
let length: number = (value as string).length;

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
深入浅出TypeScript | 青训营笔记
TS(TypeScript)是一种由Microsoft开发和维护的编程语言,它是JavaScript的超集,支持静态类型检查、类、接口、泛型等特性。TS最终会被编译为标准的JavaScript代码,因此可以运行在任何支持JavaScript的环境中。
心安事随
2024/07/29
900
深入浅出TypeScript | 青训营笔记
前端应该掌握的Typescript基础知识
js 是一门动态弱类型语言, 我门可以随意的给变量赋不同类型的值 ts 是拥有类型检查系统的 javascript 超集, 提供了对 es6 的支持, 可以编译成纯 javascript,运行在任何浏览器上。 TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。
前端老鸟
2022/03/07
6180
TypeScript笔记
参加字节跳动的青训营时写的笔记。这部分是林皇老师讲的课。(过年偷懒,项目爆肝后,重新整理笔记)
赤蓝紫
2023/01/02
3720
TypeScript笔记
TypeScript入门第一天,所有类型+基础用法+接口使用
const是对let的一个增强,它能阻止对一个变量再次赋值。如果在同一作用域内重复声明某个变量或常量就会报错,所有typescript内推荐使用它们来代替 var。
玖柒的小窝
2021/09/29
6550
TypeScript学习笔记之基础类型
用户1141560
2017/12/25
6090
TypeScript 第一章
欢迎来到 TypeScript 学习!本章将为您介绍 TypeScript 的基础知识。 TypeScript 是 JavaScript 的一个超集,它提供了静态类型检查、类、接口等特性,使得编写大型应用程序变得更加容易和可维护。TypeScript 编写的代码可以被编译成 JavaScript,可以在任何支持 JavaScript 的环境中运行。
世间万物皆对象
2024/03/20
1000
基本类型_TypeScript笔记2
JavaScript有7种类型:Boolean、Number、String、Undefined、Null、Object,以及ES6新增的Symbol
ayqy贾杰
2019/06/12
7610
TypeScript 官方手册翻译计划【五】:对象类型
在 JavaScript 中,最基础的分组和传递数据的方式就是使用对象。在 TypeScript 中,我们则通过对象类型来表示。
Chor
2021/11/29
1.8K0
一篇文章带你过一遍 TypeScript
其中 null/undefined 是 TypeScript 中任何类型的子类型。
ConardLi
2019/05/23
1.6K0
TypeScript支持哪些其他高级特性和工具?
1:类型推断: TypeScript 可以根据上下文自动推断变量的类型,减少冗余的类型注解。例如:
王小婷
2023/11/09
2290
TypeScript 基础教程
通过引入强类型系统,补充JS的短板。原生JS类型的灵活性导致在实际环境中可能会出现各种不确定的bug。通过使用TS,我们可以在开发阶段既预测这些可能由类型转换导致的错误,从而提前规避bug,开发出更健全的程序。
路过的那只狗
2020/11/14
1.1K0
1.8W字|了不起的 TypeScript 入门教程(第二版)
阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中,那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了,本文阿宝哥将从 16 个方面入手,带你一步步学习 TypeScript,感兴趣的小伙伴不要错过。
阿宝哥
2020/09/16
10.4K0
1.8W字|了不起的 TypeScript 入门教程(第二版)
typescript基础笔记
typescript早在2013年就发布了第一个正式版本,印象中一直到了19年才大火起来。三年过去了,一直是可用可不用的状态,于是很多人都没学习使用。直到react和vue开始捆版上了ts,前端圈也开始了“内卷”,ts已经是不得不用的状态了。
wade
2022/03/28
7510
【TypeScript 4.5】003-第 3 章 常用类型
如上代码,属性 x 和 y 不一定都要传入,在可选参数后面加一个问号(?)即可实现!
訾博ZiBo
2025/01/06
930
【TypeScript 4.5】003-第 3 章 常用类型
一篇文章搞懂TypeScript
TypeScript 是 JavaScript 的超集,一方面给动态类型的 js 增加了类型校验,另一方面扩展了 js 的各种功能。
人人都是码农
2024/01/09
1160
【OpenHarmony】TypeScript 语法 ② ( 基础数据类型 | 布尔类型 | 数字类型 | 字符串类型 | 数组类型 | 元组类型 | 枚举类型 | 未知类型 | 联合类型 )
TypeScript 是 JavaScript 的超集 , TypeScript 的基础数据类型 与 JavaScript 的基础数据类型 基本相同 , 下面开始介绍 TypeScript 中的基础数据类型 ;
韩曙亮
2024/06/02
3350
【OpenHarmony】TypeScript 语法 ② ( 基础数据类型 | 布尔类型 | 数字类型 | 字符串类型 | 数组类型 | 元组类型 | 枚举类型 | 未知类型 | 联合类型 )
TypeScript基础(一)基本类型与类型运算
TypeScript是一种开源的编程语言,它是JavaScript的超集,意味着所有的JavaScript代码都可以在TypeScript中运行。TypeScript添加了静态类型检查和其他一些新特性,以提高代码的可读性、可维护性和可扩展性。
can4hou6joeng4
2023/11/17
2440
TypeScript入门
JavaScript 中可以用 Number 表示的最大整数为 2^53 - 1,可以写为 Number.MAX_SAFE_INTEGER。如果超过了这个界限,可以用 BigInt来表示,它可以表示任意大的整数。
江拥羡橙
2024/10/06
800
TypeScript入门
TypeScript类型声明
本文主要讲解TypeScript的基本数据结构,主要包括JS基本数据类型以及TS特有的数据类型。
不叫猫先生
2023/11/22
3840
TypeScript类型声明
Typescript-基础类型
Typescript支持与Javascript几乎相同的数据类型,此外还提供使用的枚举类型方便我们使用。
用户3258338
2019/07/19
6310
Typescript-基础类型
推荐阅读
相关推荐
深入浅出TypeScript | 青训营笔记
更多 >
LV.10
腾云先锋腾云先锋(TDP)成员
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文