TypeScript在node项目中的实践

TypeScript在node项目中的实践

TypeScript可以理解为是JavaScript的一个超集,也就是说涵盖了所有JavaScript的功能,并在之上有着自己独特的语法。
最近的一个新项目开始了TS的踩坑之旅,现分享一些可以借鉴的套路给大家。

为什么选择TS

作为巨硬公司出品的一个静态强类型编译型语言,该语言已经出现了几年的时间了,相信在社区的维护下,已经是一门很稳定的语言。
我们知道,JavaScript是一门动态弱类型解释型脚本语言,动态带来了很多的便利,我们可以在代码运行中随意的修改变量类型以达到预期目的。
但同时,这是一把双刃剑,当一个庞大的项目出现在你的面前,面对无比复杂的逻辑,你很难通过代码看出某个变量是什么类型,这个变量要做什么,很可能一不小心就会踩到坑。

而静态强类型编译能够带来很多的好处,其中最重要的一点就是可以帮助开发人员杜绝一些马虎大意的问题:

image


图为rollbar统计的数千个项目中数量最多的前十个异常

不难看出,因为类型不匹配、变量为空导致的异常比你敢承认的次数要多。
譬如

TypeScript在node项目中的实践


而这一点在TS中得到了很好的改善,任何一个变量的引用,都需要指定自己的类型,而你下边在代码中可以用什么,支持什么方法,都需要在上边进行定义:

TypeScript在node项目中的实践


这个提示会在开发、编译期来提示给开发者,避免了上线以后发现有问题,再去修改。

另外一个由静态编译类型带来的好处,就是函数签名。
还是就像上边所说的,因为是一个动态的脚本语言,所以很难有编辑器能够在开发期间正确地告诉你所要调用的一个函数需要传递什么参数,函数会返回什么类型的返回值。

TypeScript在node项目中的实践

而在TS中,对于一个函数,首先你需要定义所有参数的类型,以及返回值的类型。
这样在函数被调用时,我们就可以很清晰的看到这个函数的效果:

TypeScript在node项目中的实践

这是最基础的、能够让程序更加稳定的两个特性,当然,还有更多的功能在TS中的:TypeScript | Handbook

TypeScript在node中的应用

在TS的官网中,有着大量的示例,其中就找到了版本的例子,针对这个稍作修饰,应用在了一个 koa 项目中。

环境依赖

在使用TS之前,需要先准备这些东西:

VS code,同为巨硬公司出品,本身就是TS开发的,遂该编辑器是目前对TS支持度最高的一个

Node.js 推荐8.11版本以上

npm i -g typescript,全局安装TS,编译所使用的tsc命令在这里

npm i -g nodemon,全局安装nodemon,在tsc编译后自动刷新服务器程序

官方手册

官方Express示例

以项目中使用的一些核心依赖:

reflect-metadata: 大量装饰器的包都会依赖的一个基础包,用于注入数据

routing-controllers: 使用装饰器的方式来进行koa-router的开发

sequelize: 抽象化的数据库操作

sequelize-typescript: 上述插件的装饰器版本,定义实体时使用

项目结构

首先,放出目前项目的结构:

. ├── README.md ├── copy-static-assets.ts ├── nodemon.json ├── package-lock.json ├── package.json ├── dist ├── src │ ├── config │ ├── controllers │ ├── entity │ ├── models │ ├── middleware │ ├── public │ ├── app.ts │ ├── server.ts │ ├── types │ └── utils ├── tsconfig.json └── tslint.json

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpygxp.html