TS对比JS的优势——同时使用一个月后感受

598 阅读1分钟

前言:由于公司项目历史原因,我同时要写React+TS代码以及原生JS代码,因此能清晰发现TS相对JS的优势

我前天写TS时,定义了一个参数:

const fileList = event.dataTransfer ? event.dataTransfer.files : null;

然后后面调用时把fileList拼错了,TS很人性化地提示我

找不到名称“flieList”。你是否指的是“fileList”?

而我在JS也碰到过相同问题,但JS并没有提示我,直到我运行后才发现错误。

因此我得到TS对比JS的第一大优势:可以标记代码中的意外行为,大大降低了发生低级错误的可能性,提升了开发效率

第二大优势:每个参数都有明确的意义,从而带来了更加智能的提示。

当我在TS内定义event: DragEvent,TS更加智能地提示我。

我可以很轻松找到我要使用的event.cancelable。如下图:

image.png

但是在JS中,却是这样的,我很难找到我想要的:

image.png

总结暂告一段落,等我继续使用TS有了新的感悟或许会继续回来更新。