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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。