TypeScript 数据类型

Posted 2022-12-02 黑马程序员官方

一 数据类型概述

平时浏览的网页中都有什么形式的内容啊？ 文字、图片、视频、音乐等

问题：计算机可以正确的处理这些内容，它是如何区分这些不同形式的内容呢？

回答：数据类型。

• TypeScript 中的数据类型分为两大类：1 原始类型（基本数据类型） 2 对象类型（复杂数据类型）。

• 常用的基本数据类型有 5 个：number / string / boolean / undefined / null。

// 变量 age 的类型是 number（数字类型）
let age: number = 18

// 此处的 'Hello TS' 是 string（字符串类型）
console.log('Hello TS')

二 基本数据类型

2.1 数字类型

数字类型：包含整数值和浮点型（小数）值。

// 数字类型：整数
let age: number = 18
// 数字类型：小数
let score: number = 99.9

当然，从另一个维度来看，也可以包含：正数和负数。

// 正数，+直接省略即可
let salary: number = +10000
// 负数
let salaryWithGirlfriend: number = -2000

2.2 字符串类型

字符串：由零个或多个字符串联而成的，用来表示文本信息。

console.log('Hello TS')
console.log('')// 空字符串

字符串可以使用单引号（'）或双引号（"），推荐：使用单引号。

'Hello TS' // 推荐

"Hello TS"

字符串类型的类型注解为：string，声明变量时要添加类型注解。

let food: string = '糖葫芦'

2.3 布尔类型

布尔类型，用来表示真或假。

只有两个值，分别是： true 和 false。true 表示真，false 表示假。

• 布尔类型的类型注解为：boolean 。

// 真
let isStudying: boolean = true
// 假
let isPlayingGame: boolean = false

2.4 undefined、null

共同特点：只有一个值，值为类型本身。

undefined 类型的值为： undefined。

null 类型的值为：null。

// 类型注解为：undefined
let u: undefined = undefined
// 类型注解为：null
let n: null = null

undefined ：表示 声明但未赋值的变量值 （找不到值）。

let u: undefined
console.log(u) // 变量u的值为 undefined

null ：表示 声明了变量并已赋值，值为 null （能找到，值就是 null ）。
 

 

总结

• TypeScript 中常用的基本数据类型有 5 个。
• 分别是：number（数字类型）/ string（字符串类型）/ boolean（布尔类型）/ undefined / null。
• 补充概念：这些类型的值，也叫做字面量， 也就是从字面上就能看出来它是什么。

18 // 数字字面量
'保温杯里泡枸杞' // 字符串字面量
true / false // 布尔字面量
undefined
null

往期文章发布内容：

•  TypeScript 初体验
•  TypeScript变量

---

 黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈 另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我喔~