我知道，你读了这个博客的标题，问自己"这家伙喝了什么？"。让我告诉你一个故事…

你正在开发新的Fiori/UI5应用程序。应用程序从两个字段中获取值，将它们相加，并将结果设置到第三个字段中。如果结果>50，则第三个字段必须有蓝色边框。如果没有，边界应该是红色的。你用的是sap.ui.core.ValueState来实现它。

你检查代码，没有错误，没有错误。您可以在sapwebide上按RUN，转到新打开的选项卡，去喝杯咖啡，然后手动返回并测试它（就像穴居人一样）。测试结果为1000，浏览器控制台中没有错误。然而，物联网技术与应用，让你惊讶的是，边框的颜色没有改变。你尝试了不同的数字，没有一个有效，颜色保持不变，你看不到错误？

Fiori/UI5应用程序代码：一切正常，大数据用什么数据库，对吗？  ?

Fiori/UI5应用结果：不好？

你一遍又一遍地检查你的代码……直到你发现你拼错了ValueState.信息以及ValueState.错误. 你修好，重新测试，它就工作了。快乐的日子！

第二天，你向一位同事提到了这一事件。你还记得过去的好日子，说"ABAP好多了！它会告诉我我的代码有这么一个愚蠢的错误。而且，它会有自动完成功能，我不需要键入所有容易出错的方法和属性"。他同意并告诉你一种叫做Typescript的东西，一种超级类型的Javascript（把它看作Javascript和Java的结合），它可以给你同样的开发体验。他解释了强类型语言的所有好处、代码完成、智能感知、如何使用所有新的Javascript特性，甚至是客户的浏览器不支持的特性等等。你上钩了！

他带你去看一些例子。你看了代码，理财返利，第一个想法是："呃？这根本不是Javascript！这是另一种全新的语言。他解释说，你不能在浏览器中运行Typescript，你需要将代码转换成Javascript。他说，将TypeScript转换成JavaScript。他向您展示了它的所有配置和步骤。当你问是否可以将它与ui5工具一起使用时，他回答说："是的，不……不是现成的。您需要编写一个ui5构建器扩展，也许可以使用Babel或Webpack，淘客app原生，blabla"。你躺在地板上开始哭？

一周后，在有了更多类似上述的问题并对打字想法进行了思考之后，你问那位同事："我能不能不费吹灰之力地学习和开发这个全新的东西而获得一些好处？"。他回答说："是的，你可以！你所需要做的就是…….

安装一个本地的、功能强大的IDE，比如Microsoft Visual Code或JetBrains的WebStorm；将NPM包@openui5/ts类型添加到项目的包.json文件；创建一个名为tsconfig.json文件;添加一个简单的JSDoc注释；开心点！

您决定尝试，然后打开与以前完全相同的代码，现在在MS Visual code上，也没有错误。

您安装依赖项：$npm install@openui5/ts types

并创建tsconfig.json文件根文件夹中的文件。

您将JSDoc注释添加到代码中。

现在您在TypeScript的基本配置之后检查相同的代码+JSDoc注释：出现一个错误！易于检测和修复！您现在还可以使用智能代码完成\o/

这是一个可笑的过度简化的场景，但足以证明TypeScript是多么有用。特别是对于那些还在学习UI5的新手。但不要认为这对UI5专家没有帮助。

在我看来，这是一个极大的提高代码质量的最小努力和接近零的学习曲线。如果您还没有准备好跳到一个成熟的TypeScript应用程序（或者如果您只是不想），您至少可以利用一些好处，淘返利，只需使用一个非常基本的配置（总是相同的）和很少的JSDoc注释。NPM package@openui5/ts types是由SAP维护的，它仍处于beta测试阶段，正在发展中。

这个简单的方法可以节省时间，避免大量的小错误，为什么不试试呢？而且，不需要再依赖匈牙利符号了。谁不喜欢更干净更可读的代码？你怎么认为？让我知道你的想法…