参考文档:
www.tslang.cn/
ts.xcatliu.com/
www.runoob.com/typescript/…
www.runoob.com/w3cnote/get…
ts-1
ts官网
教程
-
什么是ts? ts 全称是 TypeScript
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准,完全兼容 JavaScript。
TypeScript 是 添加了类型系统的 JavaScript,适用于任何规模的项目
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
即:TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 -
JavaScript 与 TypeScript 的区别?
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
JavaScript 是静态类型语言, TypeScript是动态类型语言, 它们都是弱类型的, 请见附件: 类型扩展.txt -
TS在JS基础上扩充的语法有哪些? 类型注解
类型推断
类型断言
接口(难)
元组
联合类型
泛型(难)
枚举
命名空间
声明文件 -
如何在浏览器或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配置文件使用
编译命令帮助文档:www.tslang.cn/docs/handbo…
- vscode 插件
TypeScript Hero
TypeScript Importer
TSLint