TypeScript 笔记:基础类型

1 any类型(任意值类型)

声明为 any 的变量可以赋予任意类型的值。

  • any类型是Typescript 针对编程时类型不明确的变量使用的一种数据类型,常用于:

变量的值会动态改变

——>任意值类型可以让这些变量跳过编译阶段的类型检查'

let x: any = 1;    // 数字类型
x = 'hello';    // 字符串类型
x = false;    // 布尔类型

定义存储各种类型数据的数组

let arrayList: any[] = [1, false, 'fine'];
arrayList[1] = 100;

2 数字类型

2.1不同进制

let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o744;    // 八进制
let decLiteral: number = 6;    // 十进制
let hexLiteral: number = 0xf00d;    // 十六进制

3 字符串类型

  • 一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。【和JavaScript类似】
let club: string = "Wen River High Tech";
let years: number = 5;
let words: string = `这是 ${club} 足球队的 第 ${years}个冠军。`;

4 布尔类型

表示逻辑值:true 和 false

表示逻辑值:true 和 false

5 数组类型

声明变量为数组

// 在元素类型后面加上[]
let arr: number[] = [1, 2];

// 或者使用数组泛型
let arr: Array<number> = [1, 2];

6 元组类型

元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。

let x: [string, number]; //这个元组的第一个元素必须是string类型,第二个元素必须是number类型
x = ['WHT', 5];    // 运行正常
x = [5, 'WHT'];    // 报错
console.log(x[0]);    // 输出 WHT

7 枚举类型

枚举类型是对JavaScript标准数据类型的一个补充,用于定义数值集合

enum Color {Red, Green, Blue}
//默认情况下,从0开始为元素编号。 

let c: Color = Color.Green;
//此时c的值是1



//也可以手动的指定成员的数值。 
//例如,我们将上面的例子改成从 1开始编号:
enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;
//此时c的值是2



//或者,全部都采用手动赋值:
enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;
//此时c的值是2
//枚举类型提供的一个便利是你可以由枚举的值得到它的名字。 
//例如,我们知道数值为2,但是不确定它映射到Color里的哪个名字,我们可以查找相应的名字:
enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];

console.log(colorName);  
// 显示'Green'因为上面代码里它的值是2

8 void类型

用于标识方法返回值的类型,表示该方法没有返回值。

function hello(): void {
    alert("Hello");
}

9 null类型

  • 表示对象值缺失
  • null是一个只有一个值的特殊类型。表示一个空对象引用。
  • 用 typeof 检测 null 返回是 object

10 undefined类型

  • 用于初始化变量为一个未定义的值
  • typeof 一个没有值的变量会返回 undefined。

参考内容:TypeScript 基础类型 | 菜鸟教程 (runoob.com)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

UQI-LIUWJ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值