typescript学习一

一、随时将ts文件自动保存为es5的js文件

1.首先进入到ts文件所在的文件夹，执行命令tsc --init此时会生成tsconfig.json.

2.然后我们修改 tsconfig.json中的"outDir": "./js",

3.此时当我们修改ts文件保存时就会自动生成一个js文件夹，并将es5代码保存到自动生成的js文件价下自动生成的index.js中

4.在vs code中 终端===》运行任务====》监视tsconfig.json.

二、ts中的数据类型

官方文档

Boolean 类型

let isBoolean: boolean = false

Number 类型

let isNumber number = 10

String 类型

let name: string = “Semliker”

Array 类型

(1)let list: number[] = [1, 2, 3];
(2)泛型 let list: Array = [1, 2, 3];

枚举（Enum ）类型

enum Direction { NORTH, SOUTH, EAST, WEST,}
let dir: Direction = Direction.NORTH
按照以上这种写法，从0开始为元素编号，依次排列。我们也可以自己手动改变编号
enum Direction { NORTH, SOUTH=9, EAST, WEST,}
那么console.log(Direaction.EAST)就是10了，
我们也可以给元素编号为字符串，
enum Direction { NORTH, SOUTH=“south”, EAST=9, WEST,}
但是我们给元素编号为字符串之后，此元素之后的元素不会自动在编号了，需要在手动编号一个数字的编号才行，不然会报错。

Any 类型

let notSure: any = 4;
notSure = “maybe a string instead”;
notSure = false; // okay, definitely a boolean

Unknown 类型

对any类型的升级，unkown类型不能赋值给其他类型
let value: unknown;value.foo.bar; // Error

let value: unknown;
let value1: unknown = value; // OK
let value2: any = value; // OK
let value3: boolean = value; // Error
unknown 类型只能被赋值给 any 类型和 unknown 类型本身

Tuple 类型

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 比如，你可以定义一对值分别为 string和number类型的元组。
let x: [string, number];
// Initialize it
x = [‘hello’, 10]; // OK
// Initialize it incorrectly
x = [10, ‘hello’]; // Error

Void 类型

某种程度上来说，void类型像是与any类型相反，它表示没有任何类型。 当一个函数没有返回值时，你通常会见到其返回值类型是 void：