TypeScript 专题

官方文档地址

www.tslang.cn/docs/handbo…

vscode中配置自动编译.ts文件

1. 在项目目录下执行tsc --init，生成tsconfig.json文件，配置其中的output选项
2. 在vscode中，选择项目文件夹为工做区，而后终端(T)->运行任务->监视tsconfig.json

vscode配置后没法自动编译.ts文件的问题

看到终端只执行了> Executing task: tsc -p c:\Users\Administrator.dmk-PC\Desktop\ts\tsconfig.json --watch < 而后就卡住不动了，是vscode终端配置的问题，文件->首选项->设置,搜索shell->在settings.json中编辑 添加"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe"

ts中的数据类型

布尔类型(boolean)，数字类型(number)，字符串类类型(string)，数组类型(array)，元组类型(tuple)，枚举类型(enum)，任意类型(any)，null&undefined，void，never

1. 数组类型 let a:number[]= [1,2,3]或者let a:Array<number>= [1,2,3]
2. 元组类型 let a:[number, string] 元组类型就是能够放入多种类型的数组
3. 枚举类型 用来将状态码等映射成单词，例如Ajax.success= 200

enum Ajax {
    success= 200, error= 400
}

let f:Ajax= Ajax.success;
console.log(f);
复制代码

ts函数与参数

//剪头函数
var a= ():string=> '123';

//可选参数使用?，且必须配置到参数序列的最后边
function getInfo(name:string, age?:number):string{
    return '123';
}

//默认参数，es6和ts均可以设置默认参数
function getInfo(name:string, age:number=30):string{
    return '123';
}

复制代码

ts中的类

装饰器

装饰器是一种特殊类型的声明，本质是一个【方法】，会在【预编译】阶段执行，能够【无侵入的】修改或拓展类，方法，方法参数，属性的行为。