1、什么是Typescript
- 静态类型风格的类型系统
- 从es6到es10 甚至是esnext的语法支持
- 坚持各种浏览器,各种系统,各种服务器,完全开源的软件
2、Typescript的优点
- 使得代码更容易理解,因为函数或者方法输入输出的参数类型一看就知道是要传什么参数
- 效率更高:
- 在不同的代码块和定义中进行跳转
- 代码自动补全
- 丰富的接口提示
- 更少的错误
- 在编译期间能够发现大部分错误
- 杜绝一些常见的错误(例如一些变量名称打错等)
- 非常好的包容性
- 完全兼容javascript
- 第三方库可以单独编写类型文件
- 支持Typescript-React、Vue、Angualar、Ant Design等
3、Typescript的小缺点
- 增加了一些学习成本
- 短期内增加一些开发成本,因为定义大量的类型,但是长期维护大项目来说,是节省很多时间的
4、安装和使用
(1)、安装,建议node版本升级到10.0以上昂
1. npm install -g typescript
或
2. yarn add typescript
安装成功,查看版本号如下命令
3. tsc -v
(2)、简单的使用
创建一个ts文件,例如index.ts,代码如下:
const hello = (name:string) =>{
return `hello${name}`
}
hello('小满')
如果需要编译成js文件,可以输入如下命令:
tsc 文件名
列如: tsc index.ts
你的文件夹就会出现一个index.js的文件。