TypeScript学习笔记2：数据类型

• TS 和 JS 相对比的优势
• TypeScript的安装步骤、运行问题及代码的简单运行
• TypeScript学习笔记1：变量赋值及书写方式
• TypeScript学习笔记2：数据类型

数据类型：

数据类型区分：

1. 原始数据类型(基础数据类型)
2. 对象数据类型(复杂数据类型)

原始数据类型

主要有以下几种类型：

1. number（数字类型）
2. string（字符串类型）
3. boolean （布尔值类型）
4. undefined类型
5. null类型

number（数字类型）：

数字类型可变为：整数，小数，正数，负数

// 整数
let size: number = 20
console.log(size)

// 小数
let score: number = 19.99
console.log(score)

// 正数
let positive: number = +100
console.log(positive)

// 负数
let negative: number = -20
console.log(negative)

输出结果：

string（字符串类型）

1. 使用单引号’‘或双引号""来表示字符串（推荐使用单引号’’，更加简洁）
2. 字符串模版，使用反引号${变量名}来表示字符串模板

使用单引号’'或双引号""来表示字符串

let name1: string = '皮卡丘';
let sex: string = "男";

console.log(name1)
console.log(sex)

输出结果：

字符串模板 ${} 赋值变量

// 使用字符串模板 ${} 打印变量
let name1: string = `Gene`;
let age: number = 37;
let sentence: string = `\n Hello, my name is ${ name1 }.
I'll be ${ age + 1 } years old next month.\n`;
console.log(sentence)

输出结果：

注：\n 是换行符

字符串连接及赋值列表（数组类型）

// 使用 + 连接字符串
let name1: string = `Gene`;
let age: number = 37;

let sentence1: string = "Hello, my name is " + name1 + ".\n\n" +
    "I'll be " + (age + 1) + " years old next month.";
console.log(sentence1)

// 给予变量进行列表赋值
let list: number[] = [1, 2, 3];
let list1: Array<number> = [1, 2, 3];
console.log(list)
console.log(list1)

输出结果：

Boolean（布尔值类型）

只可以用来表示真或假

1. 真：true
2. 假：false

let aircraft: boolean = true
console.log(aircraft)

let plane: boolean = false
console.log(plane)

输出结果：

undefind类型

• 只存在undefined一个值
• 表示声明了但未赋值的变量值（即找不到值）

let kite: undefined = undefined
console.log(kite)

let kite1: undefined
console.log(kite1)

输出结果：

null类型

• 只存在null一个值
• 表示声明了并且赋了一个null值（即数值为空）

let empty: null = null
console.log(empty)

输出结果：