typescript 数据类型
布尔类型
数字类型
字符串类型
数组类型
元组类型(tuple)
枚举类型(enum)
任意类型(any)
null 和 undefined
void 类型
never 类型
布尔类型 true false
var flag:boolean = true
flag=false
数字类型
（没有对整形和浮点型 进行区分 统一保存为数字类型）
var num:number = 123
console.log(num)
num = 45.6
字符串类型
var str:string = 'this is ts'
str='字符串类型'
console.log('只能输入',str)
数组类型 ts中定义数组有两种方式
//1.第一种定义数组的方法
//(数组中只能放入 number 数字类型)
let arr:number[] = []
arr = [1,2,3,4]
//数组中的元素只能是 字符串类型
let arr2:string[] = []
arr2 = ['1','2','3','4']
//2.第二种定义数组的方式
//数组的值只能是数字类型
let arr3:Array<number> = []
arr3 = [1,2,3,4,5]
//数组的值只能是字符串类型
let arr4:Array<string> = []
arr4 = ['1','2','3']
元组类型 (tuple) 属于数组的一种
//新建一个数组 规定这个数组有3个值，并且第一个为string 第二个为number 第三个为 boolean
let arr5:[string,number,boolean] = ['ts',123,false]
console.log('arr5',arr5)
枚举类型 例如标识符 eunm
enum 枚举名{
标识符[=整型常数]
标识符[=整型常数]
...
标识符[=整型常数]
}
enum Flag{
success = 1,
error = -1
}
console.log('枚举类型Flag.success==',Flag.success)
//如果没有赋值 输出的是她的索引值
enum Color{red,blue,orange}
var c:Color = Color.orange
console.log(c)//2
enum Color{red,blue=5,orange}
var c:Color = Color.orange
console.log(c)//6 如果上一个元素有值，将上一个元素的值++
任意类型(any)
//类型不限制
var num1:any='123'
num1 = 123
//任意类型的用处
//如果不规定类型 ts文件包错 js文件可以正常类型
var obox:any = document.getElementById('box')
obox.style.color = 'red'
null和undefined 属于其他（never）类型的子类型
var num:number;
//num 是undefined 定义了未赋值 报错
var num:undefined
//正确运行 不报错
var num:number | undefined;
//不会报错 定义未赋值输入域 undefined
//一个元素可能是number类型 可能是null 可能是undefined
var num:number | null | undefined
null 和 undefined 可以是任何类型的子类型
let num:number = undefined 此条语句运行结果为正确
void类型：typeScript中的void表示没有任何类型，一般用于定义方法的时候没有返回值
//报错
function run():void{
console.log('run')
return 1
}
run();
//正确，ts中如果一个函数没有返回值 就给他定义 void 类型
function run():void{
console.log('run')
}
run();
//规定 此函数的返回值是数字类型
function run():number{
console.log('run')
return 1
}
run();
never类型：是其他类型(包括 null 和 undefined)的子类型，代表从不会出现的值，这意味着声明never的变量只能被never类型所赋值
//never类型的两个子类型 null和undefined
var aa:undefined
aa =undefined
var bb:null
bb = null
//抛出错误异常
var err:never
err=(() => {
throw new Error('错误')
})()
object 类型
function getObj(obj:object):object{
console.log(obj)
return {
name:'wangjinyi',
age:23
}
}
console.log(getObj({name:'wangjinyi'}))
联合类型 （基础类型）
表示为多种类型中的一种
需求1：定义一个函数得到一个数字或字符串形式值
//联合类型
//传入的参数值 既可以是数字类型 又可以是 字符串类型
function getString(str:number | string){
console.log('输入的数字是===',str)
}
getString('123') //正确
getString(123) //正确
// getString({name:123}) //错误 只能输入 数字和字符串类型 当前传入了对象类型
类型断言
需求：定义一个函数 等待 一个数字或字符串的长度
//类型断言
//需求：定义一个函数 等待 一个数字或字符串的长度
<类型值>值
function getString(str:number | string):number{
//如果参数str 为string 类型 就不需要执行toString 方法 直接返回当前字符串的 长度
if((<string>str).length){
return (<string>str).length
}else{
return str.toString().length
}
}
console.log(getString('123'))
console.log(getString(123345))
类型断言 第二种方式
值 as 类型值
function getString(str:number | string):number{
//如果参数str 为string 类型 就不需要执行toString 方法 直接返回当前字符串的 长度
if((str as string).length){
return (str as string).length
}else{
return str.toString().length
}
}
console.log(getString('123'))
console.log(getString(123345))
类型推断
//类型推断
// let aa = 100
// aa = '123' //报错 第一次赋值数字类型 默认转换成数字类型 之后无法赋值别的属性
let txt
txt = 100;
txt = '123'
console.log(txt) //txt 没有进行初始赋值 默认为any类型 可以进行任意赋值
