安装
npm install -g typescript
tsc命令
查看版本号
PS C:\> tsc -v
Version 4.9.5
将 TypeScript 转换为 JavaScript 代码,得到js文件
PS C:\> tsc demo.ts
PS C:\> tsc demo1.ts demo2.ts demo3.ts
参数选项 | 参数含义 |
---|---|
–help | 显示帮助信息 |
–module | 载入扩展模块 |
–target | 设置 ECMA 版本 |
–declaration | 额外生成一个 .d.ts 扩展名的文件 |
–removeComments | 删除文件的注释 |
–out | 编译多个文件并合并到一个输出的文件 |
–sourcemap | 生成一个 sourcemap (.map) 文件,sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。 |
–module noImplicitAny | 在表达式和声明上有隐含的 any 类型时报错 |
–watch | 在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译 |
基础语法
- 空白和换行
TypeScript 会忽略程序中出现的空格、制表符和换行符。 - TypeScript 区分大小写
- 分号是可选的
每行指令都是一段语句,你可以使用分号或不使用, 分号在 TypeScript 中是可选的,建议使用。如果语句写在同一行则一定需要使用分号来分隔。 - 注释
// 这是一个单行注释
/*
这是一个多行注释
这是一个多行注释
这是一个多行注释
*/
基础类型
数据类型 | 关键字 | 描述 |
---|---|---|
任意类型 | any | 声明为any的变量可以赋予任意类型的值。 |
数字类型 | number | 双精度64位浮点值,可表示整数分数。 |
字符串类型 | string | 单引号或双引号来表示,反引号`定义多行文本和内嵌表达式 |
布尔类型 | boolean | 表示逻辑值true和false |
数组类型 | 无 | 在元素类型后面加上[] let arr: number[] = [1, 2]; 或者使用数组泛型 let arr: Array = [1, 2]; |
元组 | 无 | 元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。 let x: [string, number]; x = [‘Runoob’, 1]; // 运行正常 x = [1, ‘Runoob’]; // 报错 |
枚举 | enum | 枚举类型用于定义数值集合 |
void | void | 用于标识方法返回值的类型,表示该方法没有返回值。 |
null | null | 表示对象值缺失 |
undefined | undefined | 用于初始化变量为一个未定义的值 |
never | never | never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值 |
枚举类型enum
- 普通枚举:初始值默认为 0,其余的属性按顺序依次递增。
enum Color {
Red,
Blue,
Green
}
console.log(Color.Red); //0
- 字符串枚举:
enum Color {
Red='红色',
Blue='蓝色',
Green='绿色'
}
console.log(Color.Blue); //蓝色
- 常量枚举:使用 const 关键字修饰的枚举
const enum Color {
Red,
Blue,
Green
}
console.log(Color.Red,Color.Blue,Color.Green); //0 1 2