[ 复习 ] - TypeScript 基础类型

本章节,我们来了解一下 TypeScript 的基础类型使用
[ 复习 ] - TypeScript 基础类型_第1张图片

文章目录

    • 基础类型
    • 类型断言

基础类型

类型 示例 描述
boolean 布尔值 let isStatus : boolean = false
number 数字 let nums : number = 1
string 字符串 let name: string = "张总"
[] / Array 数组 两种写法 :1. let numList : number[] = [1,2,3,4] 2. let numsList : Array = ['小明','小李']
[type1,type2,…] 元祖 const c : [number,string] = [1,"测试"] 表示一个已知元素数量和类型的数组,各个元素的类型可以不一样,通过索引可访问值
enum 枚举 enum Sex {man = 1,woman = 2} 默认情况从0开始,也可以指定值开始。
any let a : any = "测试" 变量的类型可以为任何类型,不做类型验证
void 函数没有返回值使用。 不写也没事,因为TypeScript 给做了类型推到
null
undefined
never 类型表示的是那些永不存在的值的类型 ,例如报错 或者 箭头函数表达式的返回值类型 等
object function getInfos(c :object) { console.log(c) } getInfos({statusCode:1}) object表示非原始类型,也就是除numberstringbooleansymbolnullundefined之外的类型。
/*
 * @Author: HaiJun
 * @Date: 2022-11-11 16:11:27
 * @LastEditTime: 2022-11-11 17:01:31
 * @FilePath: \TS\demo\basicType.ts
 * @Description: 
 * 
 */

let isStatus : boolean = false


let nums : number = 1


// 定义数组
// 第一种方式   类型[] 
let numList : number[] = [1,2,3,4]

// 第二种方式  Array
let numsList : Array<string> = ['小明','小李']



// 元祖

const c : [number,string] = [1,"测试"]

console.log(c[0]) //1

// 修改元组 值  变量[索引]
c[1] = "111";

console.log(c)  //[ 1, '111' ]



// 枚举
//默认情况下,从0开始为元素编号。 
enum Sex {man = 1,woman = 2}

let a : Sex = Sex.man

console.log(a)  //1 


// any
let b :any = false  


// void 

function getDatas() : void{
    console.log("没有返回值")
}

// object 类型

//这里 c 可以是 除number,string,boolean,symbol,null或undefined之外的类型。
function getInfos(c :object) {
    console.log(c)
}


getInfos({statusCode:1})



类型断言

有时候,我们明确知道某个变量的类型,我们可以给它加上类型断言,TypeScript 遇到这不会进行类型检测了。 它没有运行时的影响,只是在编译阶段起作用。 有点像其它语言的类型转换。


// 类型断言

// 第一种: <> 写法

let  str = "代码改变世界"

console.log((<string>str).length)// 6 


// 第二种:  as 写法
 
console.log((str as string).length)// 6

你可能感兴趣的:(TypeScript,typescript,javascript,前端)