javascript - 惰性模块加载如何在 typescript 中工作？

Question

在此typescript book section作者通过以下示例解释了延迟加载:

import foo = require('foo');

export function loadFoo() {
    // This is lazy loading `foo` and using the original module *only* as a type annotation
    var _foo: typeof foo = require('foo');
    // Now use `_foo` as a variable instead of `foo`.
}

根据作者的说法，typescript 仅在第一次调用 require 时加载 foo 的类型，但在第二次调用 foo var 时创建后，它会加载创建 var _foo 所需的整个模块。

这是如何工作的。有人可以展示更详细的示例来说明幕后发生的事情吗？

Answer 1

它在 typescript handbook 中提到

The compiler detects whether each module is used in the emitted JavaScript. If a module identifier is only ever used as part of a type annotations and never as an expression, then no require call is emitted for that module.

在这个例子中，第一个foo(没有下划线的那个)在类型注解中只用了一次作为typeof的参数，所以第一个require('foo') 从生成的 javascript 代码中省略。您可以检查生成的 .js 文件来查看，并且在运行时只有一次调用 require ，即“第二个”。

当调用loadFoo()时，执行require('foo')，调用node.js内置的require()以通常方式在运行时加载 foo 模块的函数。