[JavaScript知识库]前端typescript技术总结

1.typescript安装

国内镜像：
?npm config set registry https://registry.npmmirror.com

安装 typescript

npm install -g typescript

查看typescript版本
?tsc -v

将 TypeScript 转换为 JavaScript 代码:
tsc app.ts

使用 node 命令来执行 app.js 文件
node app.js

2.开发工具vscode

3.tsc 常用编译参数：

?? ??? ??? ??? ?1.?? ?--help 显示帮助信息

?? ??? ??? ??? ?2.?? ?--module 载入扩展模块

?? ??? ??? ??? ?3.?? ?--target 设置 ECMA 版本

?? ??? ??? ??? ?4.?? ?--declaration 额外生成一个 .d.ts 扩展名的文件。
?? ??? ??? ??? ? ? tsc ts-hw.ts --declaration
?? ??? ??? ??? ?以上命令会生成 ts-hw.d.ts、ts-hw.js 两个文件。

?? ??? ??? ??? ?5.?? ?--removeComments 删除文件的注释

?? ??? ??? ??? ?6.?? ?--out 编译多个文件并合并到一个输出的文件

?? ??? ??? ??? ?7.?? ?--sourcemap 生成一个 sourcemap (.map) 文件。

?? ??? ??? ??? ?sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。

?? ??? ??? ??? ?8.?? ?--module noImplicitAny 在表达式和声明上有隐含的 any 类型时报错

?? ??? ??? ??? ?9.?? ?--watch 在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。
4.typescript区分大小写

5.typescript支持接口多继承,不支持类多继承（单继承）

6.TypeScript命名空间:解决重命名问题;
??

? ? 定义格式：namespace SomeNameSpaceName {?
?? ??? ??? ? ? export interface ISomeInterfaceName { ? ? ?} ?
?? ??? ??? ? ? export class SomeClassName { ? ? ?} ?
?? ??? ??? ?}

7.模块编译：tsc --module amd TestShape.ts
?