TypeScript中的变量与变量类型

TypeScript为JavaScript添加了类型系统，那么在TypeScript中的变量与变量类型是什么样的呢？

1.变量

变量,是用来存储数据的容器，并且是可以变化的。

2.变量的使用

变量的使用分为两步:
1.声明变量并指定类型
2.给变量赋值。

// 基本使用
let age: number;
age = 18;
// 简化形式，变量初始化
let age: number = 19;

解释:
● let是TS的关键字，用来声明变量。
● age是程序员自己定义的变量名称。
● : number 用来指定变量age为数值类型。
● 注意:分号是可选的，可省略。

3.类型注解

3.1 什么是类型注解

let age: nubmer = 18;

在代码中的**: number** 就是类型注解。

3.2类型注解作用

类型注解:是一种为变量添加类型约束的方式。

// 程序员和Ts约定:变量age的类型为number (数值类型)
let age: number = 18;

●重要：约定了什么类型，就只能给变最赋什么类型的值。
如下图错误示例，如果不按照变量的类型赋值，编辑器将报错。

4.变量命名规范

4.1变量的命名规则

●变量名称只能出现:数字、字母、下划线 (_)、美元符号 ($) ，并且不能以数字开头。如下几个变量命名，不规范的变量命名在编辑器中也会报错：

let 2b           	错误
let $name        	正确
let first_ name 	正确
let @email			错误

4.2推荐的变量命名规范

●代码就是程序员的脸面，规范的代码，能让人觉得专业、优雅。
●推荐:变量名称要有意义,顾名思义。

// 有意义的命名
let age: number = 18;
// 无意义的的命名
let a: number = 18;

●推荐:使用驼峰命名法(首字母小写，后面每个单词首字母大写)。

let cityName
let houseAge

5.数据类型

●TypeScript 中的数据类型分为两大类:

1. 原始类型(基本数据类型)
   2.对象类型(复杂数据类型)
   ●常用的基本数据类型有5个: number、 string、boolean 、 undefined 、 null

// number类型
let age: number = 18;
// string类型
console.log("Michael");

6.基本数据类型

6.1 数子类型

●数字类型:包含整数值和浮点型(小数)值。

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

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

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

6.2字符串类型

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

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

●字符串可以使用单引号(’’)或双引号("") ，推荐：使用单引号。

console.log('Hello TS')    // 推荐
console.log("Hello TS")

声明字符串类型的变量：

let userName: String = "Michael"

6.3布尔类型

布尔类型，用来表示真或假。只有两个值，分别是: true 和false。true 表示真，false 表示假。
●布尔类型的类型注解为: boolean 。

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

6.4 undefined、null

undefined类型的值为: undefined。
null类型的值为: null。

// 类型为: undefined
let u: undefined = undefined
// 类型为: null
letn: null = null

undefined和null的区别：
●undefined: 表示声明但未赋值的变量值(找不到值)。

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

●null:表示声明了变量并已赋值,值为null (能找到，值就是null)
补充概念：这些类型的值，也叫做字面量，也就是从字面 上就能看出来它是什么。

18              //数字字面量
'我要当前端大佬'   //字符串字面量
true / false   // 布尔字面量
undefined
null

文章内容为学习时整理的笔记，欢迎指正！