前言:由于公司项目历史原因,我同时要写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。如下图:
但是在JS中,却是这样的,我很难找到我想要的:
总结暂告一段落,等我继续使用TS有了新的感悟或许会继续回来更新。