从零开始学习typescript系列6: typescript各种类型以及类型特殊使用

最新推荐文章于 2025-01-25 09:57:49 发布

snowDreamzzz

最新推荐文章于 2025-01-25 09:57:49 发布

阅读量500

点赞数 7

CC 4.0 BY-SA版权

分类专栏： typescript 文章标签： typescript 学习 javascript

本文链接：https://blog.csdn.net/qubes/article/details/136867336

基础类型的分类

常用

boolean: 布尔值
number: 支持2/8/10/16进制
string: 字符串
enum: 枚举类型，可根据value找到key
array: 普通数组，有2种方式，string[]或者 Array<string>
tuple: 特殊数组，指定数组里的每个元素的类型，同时也确定了元素个数

其他

any: 不确定类型的变量
void: 没有任何返回值的函
undefined/null: 2种特殊类型
<>: 非常确定的类型

array和tuple的区别？

// array例子: 数组元素类型相同，都是string
let arr1: string[] = ['a','b'];
// tuple例子: 数组元素类型可以不同
let tp1: [number, string] = [1,'abc'];

boolean

// boolean
let isDone: boolean = true;
let disabled: boolean = false;
console.log(`isDone: ${
     isDone}`);   // isDone: true
console.log(`disabled: ${
     disabled}`); //disabled: false

number

// number 可以是 十进制,十六进制,八进制,二进制
let n1: number = 666;
let n2: number = 0x0a;
let n3: number = 0o17;
let n4: number = 0b11;
console.log(`n1: ${
     n1}`); // n1: 666
console.log(`n2: ${
     n2}`); // n2: 10
console.log(`n3: ${
     n3}`); // n3: 15
console.log(`n4: ${
     n4}`); // n4: 3

string

// string 支持模板字符串
let myname: string = 'john';
let myage: number = 18;
let greeting: string = `i am ${
     myname} and i am ${
     myage} years old!`
console.log(greeting); // i am john and i am 18 years old!

// 对比 string 和 String
// 1. 普通变量 小写string
export type Todo = {
   
    id: number,
    title: string,
    completed: boolean
}
// 2. Vue props变量 大写String
defin