TypeScript（TS）是一个强类型的 JavaScript 超集，拥有 Type Safety 和它自己的编译器。与平时编写 JavaScript 不同，编写 TS 时需要在代码中加入类型注释。这些类型注释大大提高了代码的可读性和可维护性，但是也会降低 TS 的编译速度。用来解决这个问题的方法是使用类型缓存。
什么是类型缓存？
TypeScript 编译器需要在编译期间检查代码中所有的类型注释，生成类型信息，并在运行时验证它们。这个过程需要额外的时间，因为编译器需要对每个类型进行分析。当然，大多数情况下，这个时间是可以接受的，但是当你的项目变得越来越大，它就会变得越来越明显。这时，类型缓存就可以提供帮助。
类型缓存不是由 TypeScript 原生提供的，需要通过第三方库来实现。它的工作原理是缓存已经计算出的类型，避免重复的类型频繁计算过程。这样可以显著提高编译速度。
如何使用类型缓存？
引入类型缓存的方法是很简单的。我们可以使用 ts-transformer-keys，这是一个非常流行的 TypeScript 转换器。
首先，安装 ts-transformer-keys：
--- ------- ---------- -------------------
然后，在 tsconfig.json 中进行如下修改：
-
------------------ -
---------- -
-
------------ ---------------------------------------------
-
-
-
-最后，在代码中使用 isKeys 函数将类型缓存：
------ - ------ - ---- ----------------------
---- ---- - -
----- -------
--------- -
---- -------
---- -------
-
--
----- ---- - -
----- ---- ------
--------- -
---- --------
---- ---------
--
--
----- ---- - ------------------ - ----------------- - ---
------------------
-- ------- -------- -----------使用 isKeys 函数时，我们需要传入类型参数 T，它会告诉 isKeys 如何转换。我们还需要传入变量 city，然后使用 Object.keys() 函数来获取城市对象的键。如果类型 City 和变量 city 不匹配，isKeys 将返回 false，这意味着类型缓存失败，无法使用。
性能考虑
使用类型缓存显著提高了编译速度，但是它也会对生成的 JavaScript 代码大小产生一定的影响。这个额外的开销是用来缓存类型的对象，所以这些对象可能会变得非常大。
因此，当你使用类型缓存时，你需要了解以下几个方面：
缓存的类型可能占用大量内存。如果你的 TypeScript 代码中有许多类或类型，这可能会导致问题。一些解决方案是限制类或类型的数量，或启用可选的内置 TypeScript 编译器缓存。
当你的代码需要升级 TypeScript 版本时，你需要确保你的类型缓存仍然适用。如果旧版本的 TypeScript 编译器不支持你使用的类型缓存工具，你需要找到替代方案，或者将 TypeScript 升级到新版本。
一些第三方依赖包可能不支持类型缓存。如果你正在使用某些库，它们可能会破坏缓存，从而导致额外的开销。
结论
类型缓存是一种旨在提高 TypeScript 编译速度的方法。它可以大大减少编译时间，但是也需要考虑性能问题和其他可能的缺陷。如果你的 TypeScript 呈指数级增长，或者你已经达到了编译时间的极限，那么类型缓存可以为你节省大量时间。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67380a54317fbffedf0ddb83