typescript-基础类型(三)

明天变强一点就好

已于 2023-08-26 11:20:53 修改

阅读量256

点赞数

分类专栏： typescript 文章标签： typescript 前端

于 2022-06-10 08:05:52 首次发布

本文链接：https://blog.csdn.net/qq_39656068/article/details/125214494

版权

typescript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

基础类型

布尔值

//布尔类型
let flag: boolean = true
//  可以先声明再赋值
let bool: boolean
bool = false

数值

//数值类型
let num: number = 123
//可直接赋值   二进制   八进制   十进制  十六进制
num = 0x7e

字符串

//字符串类型
let str: string
str = 'abc'
console.log(`数据:${num}`)

数组

//数组类型
let arr: number[]
// 数组内的都是number类型
arr = [1,5,6]
//写法2(同上)
let arr2: Array<number>
//联合类-让数组内容多元化
let arr3: (string | number)[]
arr3 = [1,'数组']

元组

//元组类型(定义的数据类型一一对应)
let tuple: [string,number,boolean]
//注意: v < 2.6,元素可以多个['a',23,true,90]，且后面的元素符合规定类型；v >= 2.6，只能一一对应
tuple = ['a',23,true]

枚举值

//枚举类型
enum Roles {
  //也可以指定,指定之后，自增+1
  //SUPER_ADMIN = 1
  SUPER_ADMIN,
  ADMIN,
  USER
}
console.log(Roles.SUPER_ADMIN)//0

any

//any类型--任意类型
let value: any
value = 'abc'
value = {
  name: '张三',
  age: 9
}

void

//void类型 -- 什么类型都不是
const consoleText = (text: string): void =>{
  console.log(text)
}
// consoleText(123) //类型“number”的参数不能赋给类型“string”的参数
let v: void 
v = undefined
//开启严格模式   不能赋值null
// v = null

null和undefined

//null和undefined类型
let u: undefined
u = undefined
let n: null
n = null

never

never类型的值可以赋值给其他类型

//never类型
const errorFunc = (message: string): never =>{
  throw new Error(message)
}
// 死循环  返回值为never
const infiniteFunc = (): never =>{
  while(true){}
}

object

//Object类型(内存地址)
let obj = {
  name: '张三'
}

类型断言

可以同<>和as指定类型
推荐使用as，.tsx中不能使用<>

//类型断言
const getLength = (target: string | number): number => {
  if((<string>target).length || (target as string).length === 0){
    return (<string>target).length
  }else{
    return target.toString().length
  }
}
getLength(1235)