首页 >web前端 >js教程 >跟我一起学习 Typescript(第 1 部分)

跟我一起学习 Typescript(第 1 部分)

Susan Sarandon
Susan Sarandon原创
2025-01-01 08:22:10873浏览

让我们回顾一下 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn