参考文档:
https://www.tslang.cn/
http://ts.xcatliu.com/
https://www.runoob.com/typescript/ts-tutorial.html
https://www.runoob.com/w3cnote/getting-started-with-typescript.html
[ts-1](https://www.jianshu.com/p/56ed6a6df90d)
[ts官网](https://www.typescriptlang.org/)
[教程](http://ts.xcatliu.com/introduction/what-is-typescript.html)
1. 什么是ts?
ts 全称是 TypeScript
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准,完全兼容 JavaScript。
TypeScript 是 添加了类型系统的 JavaScript,适用于任何规模的项目
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
即:TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。
2. JavaScript 与 TypeScript 的区别?
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
JavaScript 是静态类型语言, TypeScript是动态类型语言, 它们都是弱类型的, 请见附件: 类型扩展.txt
3. TS在JS基础上扩充的语法有哪些?
类型注解
类型推断
类型断言
接口(难)
元组
联合类型
泛型(难)
枚举
命名空间
声明文件
4. 如何在浏览器或node中运行ts?
ts语法一般写在以.ts结尾的文件中, 不能直接在浏览器或node环境中运行, 需要借助tsc编译器
typescript模块包提供一个编译器tsc(typescript complier),编译器主要是把ts语法转换纯js语法。
浏览器或node运行ts能成功有个前提: ts文件中是原来的旧的js语法。没有使用ts的新语法
每次修改 ts文件 对应的 js文件是不会自动更新的 需要每次改完ts都进行重写编译
全局安装:
cnpm|npm install -g typescript || yarn add -g typescript
检查是否安装成功:
tsc --version
编译命令:
tsc xxx.ts 会在当前源码所在文件夹中生成同名的js文件
tsc xxx.ts --outFile newfile.js 指定文件名
tsc xxx.ts --outDir libs 指定目录
tsc 直接编译, 须结合tsconfig.json配置文件使用
编译命令帮助文档:https://www.tslang.cn/docs/handbook/compiler-options.html
5. vscode 插件
TypeScript Hero
TypeScript Importer
TSLint