TypeScript学习-原始类型

976 阅读2分钟
这是我参与11月更文挑战的第14天,活动详情查看:[2021最后一次更文挑战](https://juejin.cn/post/7023643374569816095/)

前言

在学习 Vue3.x 的过程中, 免不了要用 TypeScript(当然也是可选的). 这里记录学习 TypeScript 的过程, 收录在 TypeScript 实战专栏

回顾上一篇: 学习了 TS 的初始化, 安装, 创建 TS 项目, 编译运行以及初识 TS 类型约束的世界: TypeScript VS JavaScript 原始数据类型

1. Typescript 文档

Typescript 官网地址: www.typescriptlang.org/zh/

Typescript 文档地址:Basic Types

TypeScript 几个原始数据类型

TypeScript 提供了 JavaScript 的所有功能,并在这些功能之上增加了一层:TypeScript 的类型系统

TypeScript offers all of JavaScript’s features, and an additional layer on top of these: TypeScript’s type system.

  • 布尔类型: boolean
  • 数字类型: number
  • 字符串类型: string
  • 空值: void
  • BigInt 大数整数类型: bigint
  • Null 和 Undefined: nullundefined 默认情况下 null 和 undefined 是所有类型的子类型, 可以将它俩赋值给 string 等
  • Symbol 类型: symbol

boolean 布尔类型

const isDone: boolean = false

string 字符串

let name: string = 'xn213'

hello-world-ts-string

void 空值

在封装函数时, 经常遇到的函数没有返回值, 则定义时其返回值为空 void.

function nothingReturn(): void {
  alert('this is a function with nothing to return')
}

Symbol 类型

Symbol 通过 Symbol 构造函数创建, 是在 ES2015 之后成为新的原始类型:

const s1 = Symbol('s1')
const s2 = Symbol('s2')

Symbol('s1') === Symbol('s1') // false

/// 而且 Symbol 的值是唯一不变的:

Vue3 学习实战系列更文:

  1. Vue3 源码学习-工具函数 utils(二)
  2. Vue3-初体验,
  3. Vue3-生命周期setup()函数,
  4. Vue3-computed & watch,
  5. Vue3-Teleport 改变组件挂载的根节点,
  6. Vue3-Suspense 处理异步请求,
  7. Vue3-defAsyncComponent 异步组件(新增),
  8. Vue3-fragments (新增),
  9. Vue3-v-model (非兼容),
  1. TypeScript 系列: