typescript 中的数据类型

typescript 中为了使编写的代码更规范,更有利于维护,增加了类型校验

布尔类型(boolean)、数字类型(number)、字符串类型(string)、数组类型(array)、元组类型(tuple)、枚举类型(enum)、任意类型(any)、null 和 undefined、void 类型、neve r类型

// 布尔
let bool: boolean = true

// 字符串
let str: string = 'str'

// 数字
let num: number = 123

// 数组
// 1、第一种定义数组的方式
let arr: string[] = ['1', '2', '3']

// 2、第二种定义数组的方式 
let newArr: Array<number> = [11, 22, 33]

// 元组(属于数组的一种)可以指定数组中值的类型
let tupleArr: [string, number, boolean] = ['ts', 1, false]

/* 枚举类型:主要用来定义标识符
enum 枚举名 {
    标识符[=整型常数],
    标识符[=整型常数],
    ...
    标识符[=整型常数],
}
**/
enum Flag {
    success = 1,
    error = -1
}
let f: Flag = Flag.success
console.log(f, 'flag'); // 1

enum Color {
    red, blue = 5, orange
}
let c: Color = Color.red
console.log(c, 'red'); // 0 未赋值默认是索引值
console.log(Color.blue, 'blue'); // 5 未赋值默认是索引值
console.log(Color.orange, 'orange'); // 6 上一个值为数字以上一个值为基准,值为6,否则为undefined

// 任意类型 any
let anyType: any = 123
anyType = 'str'
anyType = true
/* 任意类型的用处  
使用?.后面数据不存在不会报错
一个元素可能是多个类型 let num number | null | undefined
*/
// let box: any = document.getElementById('box')
// box?.style.color = 'red'

// null 和 undefined 其他(never类型)数据类型的子类型
// let unType: number;
// console.log(unType); // undefined 报错
// let unType: undefined;
// console.log(unType); // undefined 不报错
let unType: number | undefined;
unType = 123
console.log(unType); // 123 不报错

let nuType: null
console.log(nuType);

// void类型:表示没有任何类型,一般用于定义方法的时候 方法没有返回值
function run(): void {
    console.log('run');
}
run()

/* never 类型:其他类型(包括 null 和 undefined)的子类型,代表从不会出现的值,
    意味着声明 never 的变量只能被 never 类型的值所赋值
*/
let a: undefined
a = undefined
let b: null
b = null
let n: never
n = (() => {
    throw new Error('错误')
})()


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值