TypeScript基础类型

TypeScript基础类型

数字类型 Number

//let 变量名:数据类型 = 值
let digit1:number = 10 //十进制
let digit2:number = 0b1010 //二进制
let digit3:number = 0o12 //八进制
let digit4:number = 0xa //十六进制

布尔类型 boolean

//let 变量名:数据类型 = 值
let right:boolean = true //真
let mistake:boolean = false //错

字符串类型 string

//let 变量名:数据类型 = 值
let str1:string = "窗前明月光" //字符串
let str2:string = "小明去开窗"//字符串

数组类型

//let 变量名:数据类型[] = [数据]
let arr:number[] = [103,12,23,520]
//let 变量名:Array<类型> = []
let arr:Array<number> = [103,12,23,520]

元组类型:在定义数组的时候,类型和数据的个数一开始就已经限定了

//注意问题:元组类型在使用的时候,数据的类型位置和数据的个数,应该和在定义元组的时候的数据类型及位置应该是一致的
let arr3:[string,number,boolean] = ["小阑",1000,true]//正确
let arr3:[string,number,boolean] = ["小阑",true,1000]//错误

枚举类型:枚举里面的每一个数据都可以叫元素,每一个元素都有自己的编号,编号是从0开始依次增加1

enum Color{
    red=1,
    green,
    blue
}
let color:Color = Color.grenn //2
console.log(Color[3]) //blue

//小例子枚举中的元素可以是中文的数据值,但是不推荐
enum Gender{,}
 console.log(Gender.)

any类型

//当一个数组中要储存多个数据,个数不确定,类型不确定,此时可以使用any类型
let arr:any[] = [100,'年少不知软饭香,错把青春到插秧',true]

viod类型

//在函数声明的时候,小括号的后面使用:void,代表的是该函数没有任何的返回值
function showMag():void{
console.log("只要富婆把握住,连夜搬进大别墅")
return null
}
//定义void类型的变量,可以接收一个undefned的值,但是意义不是很大
let vd:void = undefined

Object类型

//定义一个函数,参数是Object类型,返回值也是Object类型
function getObj(obj:Object):object{
return{
name:"小阑",
age:"19",
skill:"打代码"
  }
}

联合类型

//类型段言:告诉编译器,我知道我自己是什么类型,也知道自己在干什么
//类型断言的语法方式1:<类型>变量名
//类型断言的语法方法2:值as类型
function getString(str:number|String):number{
// return str.toString().length
//如果str本身就是String类型,那么是没有必要调用toString()方法的
if((<String>str).length){
//str.length存在吗?如果存在也就是说明str是string
//return (str).length
	return (str as String).length
}else{
//此时说明str是number类型
	return str.toString().length
 }
}

你可能感兴趣的:(TS,typescript,字符串,编程语言,vue.js,javascript)