首頁 > web前端 > js教程 > 跟我一起學習 Typescript(第 1 部分)

跟我一起學習 Typescript(第 1 部分)

Susan Sarandon
發布: 2025-01-01 08:22:10
原創
869 人瀏覽過

讓我們回顧一下 TypeScript 的基礎知識,我知道你們大多數人已經了解了基礎知識。

基本型
字串
數量
布林值
任何

這些是你隨處可見的基本類型,這裡是範例

const name: string = 'Danish' //  a string

let a: number = 23

let b: string = 'somestring'

let e: boolean = false
登入後複製

Learn Typescript with me (Part 1)

Learn Typescript with me (Part 1)

現在,當你使用這些變數時,打字稿將幫助你使用它們,看看我是否將a 與b 相乘或相除,它會抱怨,甚至當我嘗試分配a =「Danish」時,它也會抱怨

接下來是聯合型

*聯合類型 * 是字串和數字、布林值和數字等基本類型的混合,基本上變數可以是數字或字串。

let employeId: string | number
let isSuccess: number | boolean
登入後複製

Learn Typescript with me (Part 1)

這裡我們假設employeId可以是字串或數字,但如果我們為其分配布林值,打字稿會抱怨

推斷類型,現在打字稿根據您指派給變數的值推斷類型。如果最初給變數的值是 false 讓 isLoading = false 現在 isLoading 的推斷類型將是布林型,因此如果我們嘗試執行 isLoading = "ok" 之類的操作,打字稿會抱怨。

Learn Typescript with me (Part 1)

同樣,如果您不知道某些第三方包的類型,您只需將滑鼠懸停在 IDE 中的它上面,它就會告訴您類型。

這是基礎知識回顧,在下一篇文章中我們將看到物件、元組數組、可選屬性、縮小和枚舉。

丹麥阿里。

以上是跟我一起學習 Typescript(第 1 部分)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板