1.强类型和弱类型
学习之前我们先来认识一下强类型和弱类型
强类型:定义变量同时还需要定义变量类型,比如:Java、c++、当然还有typescript;
弱类型 :定义变量时,变量类型可以忽略,一个变量允许被赋予不同类型的值,比如:javascript、php、vb;
弱类语言的优缺点:
优点: 开发者可以将注意力集中在业务处理和逻辑开发上
缺点:
①变量类型检测不足,当你的项目比较庞大时,肯定会出现数据类型不正确导致的问题;
②弱类语言的内存利用率是低于强类型语言的,因为弱类型语言在运行中需要对变量进行隐式转换(比如你将某个类型的值赋给一个变量,该变量需要一系列复杂处理才会接纳你的值,然后安排到合适的位置),在分配内存时,也会考虑多分配一些,而强类型语言则不同,因为人家提前将类型定义好了,内存也是量身定做,所以在内存利用率上明显高于弱类型语言
2.typescript变量声明
javascript声明变量的方式有三种:var、let、const,在这里我推荐大家使用let来代替var,
let不存在变量提升问题,let不存在循环体中i变量等常见问题
typescript的变量在使用前需要先声明:
- 声明的同时并初始化
let [变量名]:[类型] = 值
// 比如
let userName:string = 'zhouyajing'
- 如果声明了变量的类型但没有给予初始值,变量默认值为undefined
let [变量名]:[类型];
// 比如
let userName:string;
console.log(userName) // undefined
3.typescript的基本类型
- 布尔类型(boolean)
- 数字类型(number)
- 字符串类型(string)
- 数组类型(array)
- 元组类型(tuple)
- 枚举类型(enum)
- 任意值类型(any)
- | 联合类型
- null与undefined
- void类型
- never类型
布尔类型(boolean)
- boolean用于直接的逻辑处理,它只有两种值:true,false
let isShow:boolean = true
console.log(isShow) // true
- 需要注意,ts是强类型语言,初始值必须为指定的类型,否则会报错
let isShow:boolean = '对' // Error
- 当然,更不允许修改为其他类型,以下会提示错误:
let isShow:boolean = true
isShow = 23 // 报错
数字类型 (number)
和javascript一样,ts中所有数字都是number类型,不区分整数和小数
let age:number = 12
let price:number = 11.223
console.log(age, price) // 12 11.223
字符串类型(string)
和javascript一样,可以使用双引号或者单引号表示字符串
let str:string = '哈哈哈'
str = '嘿嘿'
- 当然你也可以使用es6的字符串模板
let name:string = 'zhouyajing'
let age:string = "18"
let info:string = `姓名${name},年龄${age}` // 姓名zhouyajing年龄18
数组类型(array)
在类型后面接上[], 表示数组
let arr: number[] = [1, 2, 3]
- 以上示例制定了数组元素的类型必须为number类型,如果指定其他类型,会提示错误
let arr:number[] = [1, 2, 3, 'zhou'] // 报错
另外还有一种定义数组的方法叫泛型数组,我们后续再学习
元组类型(tuple)
元组类型在javascript中不存在的,但是在其他语言,比如说:python、c#中。
- 元组类型可以用于表示元素类型不同的数组,但前提是你要知道元素的数量与类型,如下:我定义了第一个元素为string类型,第二个元素为number类型的元组
let arr:[string, number] = ['aaaa', 111]
- 注意相对应值的类型一定要相同,否则会有错误提示
let arr: [string, number] = [111, 222] // 会报错,第一个参数应该为string类型
任意值类型(any)
any类型表示任意类型,当你的数据类型不确定时就可以使用它
let arr:any[] = [1, true, 'aaa', {a: 1}]
let str:any = 'aaa'
str = true // 没问题的
联合类型( | )
let day: number | string
day = '1111' //正确
day = 2222 // 正确
let a: string | number | boolean
a = '111' // 正确
a = 222 // 正确
a = true // 正确
null 和 undefined
null和undefined类型定义自身的这种行为本来就没什么意义
let nu:null = null
let nu2:undefined = undefined
- 你可以将null和undefined赋值给任意类型的变量,比如string类型
let str:string = undefined
void类型
void类型和any类型相反,它表示没有任何类型。声明一个void类型的变量是没有意义的,因为它的值只能是null和undefined
let a:void = undefined
let b:void = null
- void类型主要用于当函数没有返回值时,将返回的类型定义为void类型,以下代码表示fn函数没有返回值
function fn():void {
console.log('我是函数哈哈')
}
枚举类型(enum) 和 never类型
我们后续再学习