iT邦幫忙

2024 iThome 鐵人賽

DAY 26
0
Modern Web

重新認識 FrontEnd系列 第 26

Day26:TypeScript 型別

  • 分享至 

  • xImage
  •  

在 TypeScript 中型別為一個非常重要的內容,今天我們就來介紹怎麼宣告型別吧

型別宣告

let num: number = 10
let str: string = 'hello'

如上,這就是最簡單的型別宣告方法,但除了一般的字面值,我們還可以設定函式的參數以及返回值

function add(a: number, b: number): number {
    return a + b
}

當然,也有可能會遇到變數會被修改導致型別不一樣的問題,因此我們可以使用 | 來當作 or

let classroom: string | null = '3-F'
if (person === 0) {
    classroom = null
}

最後,真的不知道該怎麼去宣告的時候也可以請出 any 大神來放棄治療,只要是宣告 any 型別的內容基本上什麼都可以塞

let someValue: any = 1
someValue = 'string'
someVallue = false

型別推斷

我們也不一定會需要在變數後面直接宣告他的型別,若你沒有手動宣告 TypeScript 會依據創建時的值來推斷此變數會是什麼型別

型別斷言

當在程式開始撰寫後,有時忽然發現某變數的型別超乎預期,你希望他可以突破一開始宣告的型別來運行,這時候可以使用型別斷言來強制 TypeScript 更改判斷

let someValue: any = "這是一個字串"
let strLength: number = (someValue as string).length
let strLength2: number = (<string>someValue).length

上一篇
Day25:TypeScript 安裝
下一篇
Day27:TypeScript 的 type 和 interface
系列文
重新認識 FrontEnd30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言