← 返回首页
Vue3基础教程(九)
发表时间:2021-08-03 23:38:36
Typescript的基本数据类型

在TypeScript中有以下基本数据类型: |类型|说明| |-|-| |boolean|布尔类型| |number|数字类型| |string|字符串类型| |array|数组类型| |tuple|元组类型| |enum|枚举类型| |null|null类型| |undefined|undefined类型| |void|void类型|

下面我们通过一个实例了解这些基本数据类型:

export {}

//Typescript的基本类型

//1.布尔类型
let flag: boolean = false;
flag = true;
// flag = 2 // error
console.log(flag);

//2.数字类型
//与JavaScript 一样,TypeScript 里的所有数字都是浮点类型
let n1: number = 100 // 十进制
let n2: number = 0b1010  // 二进制
let n3: number = 0o127 // 八进制
let n4: number = 0xa1f // 十六进制

console.log(n1);
console.log(n2);
console.log(n3);
console.log(n4);

//3.字符串类型
//和 JavaScript 一样,可以使用双引号(")或单引号(')表示字符串。
let name:string = 'tom'
name = 'jack'
// name = 12 // error
let age:number = 12

//也可以使用模板字符串
const info = `My name is ${name}, I am ${age} years old!`;
console.log(info);

//4.数组
let list1: number[] = [1, 2, 3];
//使用泛型
let list2: Array<number> = [1, 2, 3];
console.log(list2);

//5.元组 Tuple
//元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string 和 number 类型的元组。
let t1: [string, number]
let t2: [string,number,boolean]
let t3: [string,number,boolean?] //?表示可选,不是必须的。

t1 = ['hello', 10] // OK
t2 = ['zhangsan', 10, true]
t3 = ['lisi', 20];

//t1 = [10, 'hello'] // Error
console.log(t1);
console.log(t2);
console.log(t3);

//6.undefined 和 null
//TypeScript 里,undefined 和 null 两者各自有自己的类型分别叫做 undefined 和 null。 它们的本身的类型用处不是很大
//默认情况下 null 和 undefined 是所有类型的子类型。 就是说你可以把 null 和 undefined 赋值给 number 类型的变量。

let u: undefined = undefined
let n: null = null
console.log(u);
console.log(n);

//7.枚举类型
enum Color {
    Red,
    Green,
    Blue
}

// 枚举数值默认从0开始依次递增
// 根据特定的名称得到对应的枚举数值
let myColor: Color = Color.Green  // 0
console.log(myColor, Color.Red, Color.Blue)

//8.any类型
//有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型,那么我们可以使用 any 类型来标记这些变量。
let notSure: any = 4
notSure = 'maybe a string'
notSure = false // 也可以是个 boolean

let list: any[] = [1, true, 'free']
list[1] = 100
console.log(list);

//9.void类型
/* 表示没有任何类型, 一般用来说明函数的返回值不能是undefined和null之外的值 */
function fn(): void {
    console.log('fn()')
    // return undefined
    // return null
    // return 1 // error
}

//声明一个 void 类型的变量没有什么大用,因为你只能为它赋予 undefined 和 null:
let unusable: void = undefined
console.log(unusable);