Typescript基础数据类型

1.布尔值

let isDone: boolean = false;

相比于js变量后面冒号是用于定义类型的
usDone的类型是boolean类型

2.数值

let num1: number = 6;
let num2: number = 0xf00d;
let num3: number = 0b1010;
let num4: number = 0o744;

TypeScript除了正常的整数,浮点数,还支持十进制,十六进制,二进制和八进制字面量。

3.字符串

let str: string = "hello Qianli";
str = "hi~";
let longText = `${str},beauty!`

几乎和js一样也可以使用``来定义模板字符串,并用${}插入表达式

4. 数组

数组可以有两种方式定义类型

let list: number[] = [1, 2, 3];

第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个数组

let list: Array<number> = [1, 2, 3];

第二种方式是使用数组泛型,Array<元素类型>

5.元组

let ATuple: [string, number];
ATuple = ['hello', 10];

元组其实就是固定了长度的数组,并且需要对不同位置的元素类型明确定义(元组内可以是不同类型的元素,反之亦然),

6.枚举

官方文档描述:

enum类型是对JavaScript标准数据类型的一个补充。 像C#等其它语言一样,使用枚举类型可以为一组数值赋予友好的名字。

个人理解:

就行js中的 Object,只不过它的key是自定义的,而value是默认从0,自增1的数值,也可以修改从其它数字开始自增,或者全部手动赋值

// 自定义起始数值
enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;
console.log(c) // 2
// 全部采用手动赋值
enum Color {Red = 1, Green = 7, Blue = 9}
let c: Color = Color;

console.log(c[7]) // Green

7.Any

当声明一个变量的时候,我们还不清楚或者没想好该给它什么类型的时候,Any是个选择,但不是最好的选择,如果给变量定义为Any类型,它就像是变成了js,不会被ts的类型检测所控制,并且,用一个Any类型的变量给其它变量赋值,会导致其它变量的类型也变成Any,以至于代码变得不可控,所以我们尽量避免使用,取而代之的是unknown

let notSure: any = 4;
notSure = "maybe a string instead";  // 可以
notSure = false;   // 可以

let num:number = 5
num = notSure

8.Void

void类型像是与any类型相反,它表示没有任何类型。 当一个函数没有返回值时,你通常会见到其返回值类型是 void

function warnUser(): void {
    console.log("This is my warning message");
}

该函数没有返回任何东西,它的返回值可以定义为void

9.Null 和 Undefined

TypeScript里,undefinednull两者各自有自己的类型分别叫做undefinednull。 和 void相似,它们的本身的类型用处不是很大:

let u: undefined = undefined;
let n: null = null;

10.Never

never类型表示的是那些永不存在的值的类型。 例如, never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型; 变量也可能是 never类型,当它们被永不为真的类型保护所约束时。

never类型是任何类型的子类型,也可以赋值给任何类型;然而,没有类型是never的子类型或可以赋值给never类型(除了never本身之外)。 即使 any也不可以赋值给never

// 返回never的函数必须存在无法达到的终点
function error(message: string): never {
    throw new Error(message);
}

// 推断的返回值类型为never
function fail() {
    return error("Something failed");
}

// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {
    while (true) {
    }
}

11.Object

object和js的相似,表示非原始类型,也就是除numberstringsymbolnullundefined之外的类型。

let obj:object = {
	name: "qianli",
	age: 25
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值