詳解TypeScript的基礎(chǔ)類型

更新時間：2022年01月07日 15:07:57 作者：星野喵內(nèi)

這篇文章主要為大家介紹了TypeScript的基礎(chǔ)類型，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

布爾類型

// 布爾類型--->boolean
// let 變量名：數(shù)據(jù)類型 = 值
let flag: boolean = true;
console.log(flag)

數(shù)字類型

// 數(shù)字類型--->number
let a1: number = 10 // 十進(jìn)制
let a2: number = 0b1010 // 二進(jìn)制
let a3: number = 0o12// 八進(jìn)制
let a4: number = 0xa // 十六進(jìn)制
console.log(a1 + a2 + a3 + a4)

字符串類型

// 字符串類型--->string
let str1: string = '床前明月光';
let str2: string = '地上鞋兩雙';
console.log(str1 + ',' + str2)

字符串和數(shù)字進(jìn)行拼接

let str3: string = '我現(xiàn)在的歲數(shù)：'
let a5: number = 24
console.log(`${str3}${a5}`)

總結(jié):ts中變量一開始是什么類型,那么后期賦值的時候,只能用這個類型的數(shù)據(jù),是不允許用其他類型的數(shù)據(jù)賦值給當(dāng)前的這個變量中

undefined和 null

// undefined和 null都可以作為其他類型的子類璧,把undefined和nu1l賦值給其他類型的變量的,如: number類型的變量
let und: undefined = undefined
let n1l: null = null
console.log(und)
console.log(n1l)

數(shù)組類型

// 方式一：let變量名:數(shù)據(jù)類型[]=[值1,值2,值3,...]
let arr1: number[] = [10, 20, 30, 40, 50]
console.log(arr1);

// 方式二：泛型的寫法
// 語法: let變量名: Array<數(shù)據(jù)類型>=[值1,值2,值3]
let arr2: Array<number> = [100, 200, 300]
console.log(arr2);

注意問題:數(shù)組定義后,里面的數(shù)據(jù)的類型必須和定義數(shù)組的時候的類型是一致的,否則有錯誤提示信息,也不會編譯通過的

元組類型

// 元組類型:在定義數(shù)組的時候,類型和數(shù)據(jù)的個數(shù)一開始就已經(jīng)限定了
let arr3: [string, number, boolean] = ['小甜甜', 100, true];
console.log(arr3)
// 注意問題:元組類型在使用的時候,數(shù)據(jù)的類型的位置和數(shù)據(jù)的個數(shù)應(yīng)該和在定義元組的時候的數(shù)據(jù)類型及位置應(yīng)該是一致的
console.log(arr3[0].split(''));
console.log(arr3[1].toFixed(2));

枚舉類型

enum Color {
       red,
       green,
       blue
}
// 定義一個Color的枚舉類型的變量來接收枚舉的值
let color: Color = Color.red
console.log(color);
console.log(Color[2])

any類型

let str5: any = 100;
str5 = '宇智波帶土'
console.log(str5);
// 當(dāng)一個數(shù)組中要存儲多個數(shù)據(jù),個數(shù)不確定,類型不確定,此時也可以使用any類型來定義數(shù)組
let arr6: any = [100, '宇智波帶土', true];
console.log(arr6)
// 這種情況下也沒有錯誤的提示信息, any類型有優(yōu)點(diǎn),也有缺點(diǎn)
console.log(arr6[1].split(''));

void類型

function getobj(obj: object): object {
       console.log(obj);
       return {
           name: '卡卡西',
           age: 27
       }
}
console.log(getobj({ name: '佐助', age: 20 }))

聯(lián)合類型

 // 需求1:定義一個函數(shù)得到一個數(shù)字或字符串值的字符串形式值
function getString(str: number | string): string {
      return str.toString();
}
console.log(getString('薩斯給'))
 
// 需求2:定義一個一個函數(shù)得到一個數(shù)字或字符串值的長度
function getString1(str: number | string): number {
      return str.toString().length
      if ((<string>str).length) {
          return (str as string).length
      } else {
          return str.toString().length
      }
}
  console.log(getString1(12345))
  console.log(getString1('12345'))