安装
npm install -g typescript
tsc -v
vscode 自动编译ts->js
- tsc --init 创建tsconfig.json
- 修改设置js文件夹: “outDir":"./js/"
- 设置vscode监视任务,之后修改项目中ts,自动生成js
ts数据类型
- 原有类型
string number boolean null undefined
Array Symbol Object - 新增类型
tuple 元组 enum枚举 any任意类型 never void
TypeScript 包含的数据类型如下表:
数据类型 | 关键字 | 描述 |
---|---|---|
数字类型 | number | 双精度 64 位浮点值。它可以用来表示整数和分数。let binaryLiteral: number = 0b1010; // 二进制 let octalLiteral: number = 0o744; // 八进制 let decLiteral: number = 6; // 十进制 let hexLiteral: number = 0xf00d; // 十六进制 |
字符串类型 | string | 一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(``)来定义多行文本和内嵌表达式。let name: string = "Runoob";
|
布尔类型 | boolean | 表示逻辑值:true 和 false。let flag: boolean = true;
|
null | null | 表示对象值缺失。 |
undefined | undefined | 用于初始化变量为一个未定义的值 |
数组类型 | 无 |
let arr: number[] = [1, 2]; let arr: Array<number> = [1, 2]; // 或使用数组泛型 |
*任意类型 | any | 声明为 any 的变量可以赋予任意类型的值。 |
*元组 | 无 | 元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。let x: [string, number];
|
*枚举 | enum | 枚举类型用于定义数值集合。enum Color {Red, Green, Blue};let c: Color = Color.Blue;
|
*void | void | 用于标识方法返回值的类型,表示该方法没有返回值。function hello(): void {alert("Hello Runoob");}
|
*never | never | never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。 |
数组: 限制元素类型,不限制长度
- 方式一: let 数组名 : 类型[] = [值1, 值2]
let arr1:string[]=['a','b']
- 方式二:let 数组名 : Arrary<类型> = [值1,值2]
let arr2:Arrary<number>=[1,2]
元组: 规定元素数量和每个元素类型(每个类型可不同)
- let 元组名 : [类型1, 类型2, 类型3] = [ 值1,值2,值3]
let tup:[string,number,boolean]=['aa',2,true]
枚举
enum 枚举名{
枚举项1:值1,
枚举项2:值2,
}
对象类型
数组类型
类类型
函数类型
void / never
参数是对象,
function add({one,two}:{one:number,two:number})
{return one+two}
add({one:1,two:2})
- type annotation 类型注解
- type inference 类型推断
如果ts能自动分析变量类型,我们就什么都不用做了
如果ts无法分析变量类型,我们就需要使用类型注解
https://www.runoob.com/typescript/ts-type.html
注意:TypeScript 和 JavaScript 没有整数类型。
网友评论