Typescript系列(二):TS入门教程之基本数据类型

通过上一篇我们已经知道TypeScript声明变量的方法:

  • 声明变量的类型及初始值:
let [变量名] : [类型] = 值;
  • 声明变量的类型但没有给予初始值,变量值默认为undefined:
let name:string;
console.log(name);// undefined

接下来我们一起看看Ts的原始数据类型吧。


一、typescript原始数据类型

  • 布尔类型(boolean)
  • 数字类型(number)
  • 字符串类型(string)
  • 数组类型(array)
  • 元组类型(tuple)
  • 枚举类型(enum)
  • 任意值类型(any)
  • null 与 undefined
  • void 类型
  • never 类型

二、用法

布尔类型(boolean)
最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean。

 let isDone: boolean = false;

数字类型(number)
和JavaScript一样,TypeScript里的所有数字都是浮点数。

let age:number = 18;

字符串类型(string)
和JavaScript一样,可以使用双引号( ")或单引号(’)表示字符串。

let str: string = '程序猿最讨厌康熙的哪个儿子?答:胤禩,因为他是八阿哥(bug)'

字符串模板:

let money: string = '50k'
let salary: string = `我的薪水是每小时${money}。`
console.log(money)

数组类型(array)
TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个数组:

let arr: number[] = [1, 2, 3];
let arr: number[] = [1, 2, '3']; // 错误写法

第二种方式是使用数组泛型,Array<元素类型>(关于泛型,后面会有更详细的讲解):

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

元组类型(tuple)
元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。

let x: [string, number];
x = ['1', 2]
x = [2, '1']  // error 注意相对应值的类型一定要相同,否则会有错误提示:

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

enum Color {Red, Green, Blue}
let c: Color = Color.Green; // 1

默认情况下,从0开始为元素编号。 你也可以手动的指定成员的数值。 例如,我们将上面的例子改成从 1开始编号:

enum Color { Red = 1, Green, Blue }
let c: Color = Color.Green;
console.log(c) // 2

或者,全部都采用手动赋值:

enum Color { Red = 1, Green = 3, Blue = 5 }
let c: Color = Color.Blue;
console.log(c)  // 5

枚举类型提供的一个便利是你可以由枚举的值得到它的名字。 例如,我们知道数值为2,但是不确定它映射到Color里的哪个名字,我们可以查找相应的名字:

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];
console.log(colorName);  // 显示'Green'因为上面代码里它的值是2

any可以表示任意类型:

let list: any[] = [1, true, "free"];
let str:any = "你过来啊!";
str = true;

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

function warnUser(): void {
    console.log("This is a blog about ts.");
}

声明一个void类型的变量没有什么大用,因为你只能为它赋予undefined和null:

let unusable: void = undefined;

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

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

默认情况下null和undefined是所有类型的子类型。 就是说你可以把 null和undefined赋值给number类型的变量。

let str : string = undefined;

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) {
    }
}

以上。


有关ts基础类型的就介绍到这里了。下一篇ts函数教程带你了解ts中怎么使用函数。

如果你觉得还不错,点赞/评论是对我最大的鼓励!

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值