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 中的数据类型分为两大类:
- 原始类型(基本数据类型)
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
文章内容为学习时整理的笔记,欢迎指正!