1. 什么是TypeScript ?
TypeScript 是由微软开发的一门编程语言,是Javascript的超集,拓展了JavaScript的语法。TypeScript
跨平台:TypeScript编译器可以安装在任何操作上,包括Windows、macOS和Linux。
2. 安装TypeScript
在项目终端中,输入命令
cnpm install -g typescript
查看编译器版本号,是否已装好
tsc --version
3. TypeScript数据类型
TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。
3.1 如何定义一个变量?
let/var/const 变量名:数据类型 = 初始化值
let 变量名:数据类型
变量名=变量值
3.2 基本数据类型
- Number
```javascript
let num:number=6
- String
let name:string='zhangsan'
- Boolean
let visible = 'true'
- Undefined
let a:undeined = undefined
- Null
let b:null = null
- 泛型
//泛类型
let arr:Array<number>=[4,5,6]
- 引用数据类型:
//对象类型
let arr:Object[]=[{}]
// 既有number又有string
let arr: (number | string)[] = [1, 'a', 3, 'b']
let foo:Function=()=>{}
- 元组
元组类型允许表示一个已知元素数量和类型的数组,各元素的类型可以不一样(注意:中括号[ ]内的元素的数量定的是多少个,数据值就要有多少个)。
let abc:[number,string,boolean]=[1,'lion',true]
- 枚举
enum类型是对JavaScript标准数据类型的一个补充。
语法:enum 变量名{}
读取时:变量名.属性名()
//默认枚举
enum Season{
spring,
summer,
autumn,
winter
}
console.log(Season);
//字符串枚举
enum Gender{
male='男',
female='女'
}
console.log(Gender,Gender.male);
- any 任意类型
let a:any = 3;
a = true;
console.log(a); // true
- void
某种程度上来说,void
类型像是与any
类型相反,它表示没有任何类型。 当一个函数没有返回值时,你通常会见到其返回值类型是void
function foo() :void { console.log('this is foo'); } foo();
- object
object表示非原始类型,也就是除number,string,boolean,symbol,null或undefined之外的类型。
let o : object;
o = {name:'terry'}
console.log(o); //{ name: 'terry' }
- 函数的可选参数
可选参数:在可选参数名的后面添加 ?(问号)
function mySlice(start?: number, end?: number): void {
console.log('起始索引:', start, '结束索引:', end)
}
本文含有隐藏内容,请 开通VIP 后查看