Tackling TypeScript
请支持本书:购买捐赠
(广告,请不要屏蔽。)

10 迁移到 TypeScript 的策略



本章概述了将代码库从 JavaScript 迁移到 TypeScript 的策略。它还提到了供进一步阅读的资料。

10.1 三种策略

以下是迁移到 TypeScript 的三种策略

更多信息

10.2 策略:混合 JavaScript/TypeScript 代码库

如果我们使用编译器选项 --allowJs,TypeScript 编译器支持 JavaScript 和 TypeScript 文件的混合

首先,只有 JavaScript 文件。然后,我们逐个将文件切换到 TypeScript。在我们这样做的同时,我们的代码库会持续编译。

tsconfig.json 的外观如下

{
  "compilerOptions": {
    ···
    "allowJs": true
  }
}

更多信息

10.3 策略:向纯 JavaScript 文件添加类型信息

此方法的工作原理如下

这就是我们如何通过 JSDoc 注释为纯 JavaScript 指定静态类型

/**
 * @param {number} x - The first operand
 * @param {number} y - The second operand
 * @returns {number} The sum of both operands
 */
function add(x, y) {
  return x + y;
}
/** @typedef {{ prop1: string, prop2: string, prop3?: number }} SpecialType */
/** @typedef {(data: string, index?: number) => boolean} Predicate */

更多信息

10.4 策略:通过对 TypeScript 错误进行快照测试来迁移大型项目

在大型 JavaScript 项目中,切换到 TypeScript 可能会产生太多错误——无论我们选择哪种方法。然后对 TypeScript 错误进行快照测试可能是一种选择

更多信息

10.5 结论

我们快速了解了迁移到 TypeScript 的策略。还有两个技巧