813

可选模块加载和其他高级加载场景

在某些情况下，您可能只想在某些条件下加载模块。在 TypeScript 中，我们可以使用下面显示的模式来实现这个和其他高级加载场景，以直接调用模块加载器而不会失去类型安全性。

编译器检测每个模块是否在发出的 JavaScript 中使用。如果模块标识符仅用作类型注释的一部分而从未用作表达式，则不会require为该模块发出调用。省略未使用的引用是一个很好的性能优化，并且还允许选择性加载这些模块。

该模式的核心思想是该import id = require("...")语句使我们能够访问模块公开的类型。模块加载器是require动态调用的（通过），如if下面的块所示。这利用了引用省略优化，以便仅在需要时加载模块。为了使这种模式起作用，通过 any 定义的符号仅用于类型位置（即永远不会在将被发送到 JavaScript 的位置中）是很重要的。

为了保持类型安全，我们可以使用typeof关键字。的typeof关键字，在一个类型的位置使用时，产生一个值的类型，在这种情况下，模块的类型。

Node.js 中的动态模块加载
declare function require(moduleName: string): any;
import { ZipCodeValidator as Zip } from "./ZipCodeValidator";
if (needZipValidation) {
  let ZipCodeValidator: typeof Zip = require("./ZipCodeValidator");
  let validator = new ZipCodeValidator();
  if (validator.isAcceptable("...")) {
    /* ... */
  }
}

示例：require.js 中的动态模块加载

declare function require(
　　　　moduleNames: string[],
　　　　onLoad: (...args: any[]) => void
　　): void;
 
import * as Zip from "./ZipCodeValidator";
 
if (needZipValidation) {
　　　　require(["./ZipCodeValidator"], (ZipCodeValidator: typeof Zip) => {
　　　　let validator = new ZipCodeValidator.ZipCodeValidator();
　　if (validator.isAcceptable("...")) {
12　　　　　　/* ... */
　　}
});
}