typescript 基本数据类型

布尔类型、数字类型、字符串类型、数组类型、undefined类型、null 类型、对象类型

联合类型

联合类型（Union Types）表示取值可以为多种类型中的一种 需求 1: 定义一个一个函数得到一个数字或字符串值的字符串形式值

 

//布尔类型
let abc:boolean=true;
//字符串类型
let def:string="hello world"
//数字类型
let a:number=10
let b:number=0o10
let c:number=0b1010
let d:number=0x15
//undefined
let udn:undefined=undefined
//null
let nul:null=null
//数组类型
let arr:number[]=[1,2,3,4,5,6]
let arr2:Array<number>=[1,2,3,4,5,6]
//元组类型
let t1: [string, number]
t1 = ['hello', 10] // OK
t1 = [10, 'hello'] // Error
let t1:[string,number]
t1=['hello',10]
//枚举类型
enum Color {
  Red,
  Green,
  Blue
}

// 枚举数值默认从0开始依次递增
// 根据特定的名称得到对应的枚举数值
let myColor: Color = Color.Green // 0
console.log(myColor, Color.Red, Color.Blue)

//any 类型

let notSure: any = 4
notSure = 'maybe a string'
notSure = false // 也可以是个 boolean

//void 类型

/* 表示没有任何类型, 一般用来说明函数的返回值不能是undefined和null之外的值 */
function fn(): void {
  console.log('fn()')
  // return undefined
  // return null
  // return 1 // error
}

let unusable: void = undefined

//Object 类型

function fn2(obj: object): object {
  console.log('fn2()', obj)
  return {}
  // return undefined
  // return null
}
console.log(fn2(new String('abc')))
// console.log(fn2('abc') // error
console.log(fn2(String))

//联合类型

function toString2(x: number | string): string {
  return x.toString()
}



function getLength(x: number | string) {
  // return x.length // error

  if (x.length) {
    // error
    return x.length
  } else {
    return x.toString().length
  }
}



//类型断言


/*
类型断言(Type Assertion): 可以用来手动指定一个值的类型
语法:
    方式一: <类型>值
    方式二: 值 as 类型  tsx中只能用这种方式
*/

/* 需求: 定义一个函数得到一个字符串或者数值数据的长度 */
function getLength(x: number | string) {
  if ((<string>x).length) {
    return (x as string).length
  } else {
    return x.toString().length
  }
}
console.log(getLength('abcd'), getLength(1234))


//类型推断

/* 定义变量时赋值了, 推断为对应的类型 */
let b9 = 123 // number
// b9 = 'abc' // error

/* 定义变量时没有赋值, 推断为any类型 */
let b10 // any类型
b10 = 123
b10 = 'abc'

类型断言

通过类型断言这种方式可以告诉编译器，“相信我，我知道自己在干什么”。 类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。 它没有运行时的影响，只是在编译阶段起作用。 TypeScript 会假设你，程序员，已经进行了必须的检查。

类型断言有两种形式。 其一是“尖括号”语法, 另一个为 as 语法

类型推断

类型推断: TS 会在没有明确的指定类型的时候推测出一个类型 有下面 2 种情况: 1. 定义变量时赋值了, 推断为对应的类型. 2. 定义变量时没有赋值, 推断为 any 类型