TypeScript 基础类型一:布尔、数字、字符串、数组、
2023-12-13 16:46:43
文章目录
TypeScript是JavaScript的超集,它为我们提供了静态类型检查等功能,帮助我们在开发过程中更早地捕获潜在的错误。在TypeScript中,有许多基础类型供我们使用。
一、安装
1.1、方式一:普通方式
//安装
npm install -g typescript
//检查安装是否成功
tsc --version
//监听文件的改变
tsc -w index.ts // index.ts时监听的文件名,会生成对应的index.js文件
//输出对应js文件的打印值
node index.js
1.2、方式二:基于ts-node
//初始化项目
npm init -y
//安装ts-node
npm i ts-node -g
//安装node环境检测依赖
npm i @types/node --save-dev
//运行
ts-node index.ts
二、布尔类型
布尔类型代表逻辑上的真或假。其关键字为boolean。数字不能0,1付给布尔变量
//正确
let onoff: boolean = false;
//错误
let onoff: boolean = 1;
三、数字类型
数字类型用于表示整数或浮点数。其关键字为number。
let a: number = NaN; //NaN
let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o744; // 八进制
let decLiteral: number = 6; // 十进制
let hexLiteral: number = 0xf00d; // 十六进制
四、字符串类型
字符串类型用于表示文本数据。其关键字为string。
let color: string = "blue";
color = 'red';
五、数组类型
数组类型用于表示同一类型的元素的有序集合。其关键字可以有两种写法:type[]和Array<type>
。
//一维数组
let list: number[] = [1, 2, 3];
let fruits: Array<string> = ['apple', 'banana', 'orange'];
//二维数组
let list: number[][] = [[1], [2], [3]];
let fruits: Array<Array<string>> = [['apple'], ['banana'], ['orange']];
//多维数组以此类推
六、any类型
Any类型可以用来表示任意类型。当我们不清楚变量的类型时,或者从动态代码库中获取数据时,通常会使用any类型。但应尽量避免过多地使用any。
let color: any= "blue";
color = 666;
let list: any[] = [1, 2, 3,'apple', 'banana', 'orange'];
七、void类型
void类型与any相反,表示没有任何类型。通常用于标记函数没有返回值。
function fn(): void {
console.log("This is a warning message");
}
八、null和Undefined类型
let a: undefined = undefined;
let b: null = null;
九、Never类型
Never类型表示那些永不存在的值的类型。通常是抛出异常或无限循环函数的返回类型。
function error(message: string): never {
throw new Error(message);
}
十、元组(Tuple)类型
元组类型允许表示一个已知元素数量和类型的数组。其关键字为[type, type, …]。
let x: [string, number] = ['hello', 10];
十一、枚举(Enum)类型
枚举类型用于定义数值集合。其关键字为enum。
enum Color {
Red="Red1",
Green="Green2",
Blue="Blue3",
}
let c: Color = Color.Green;
console.log(c); //Green
//数字枚举
enum Color {
Red, //0
Green, //1
Blue, //2
}
let c: Color = Color.Green;
//数字枚举可以反向映射
console.log(Color[Color.Green]); //Green
十二、类型断言
通常清楚地该类型更确切的类型可用类型断言,其关键字为as。
//方式一:尖括号
let name: any = "my name id qiyan";
let strLength: number = (<string>name).length;
//方式二:as语法
let name: any = "my name id qiyan";
let strLength: number = (name as string).length;
文章来源:https://blog.csdn.net/weixin_45532665/article/details/134965914
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!