javascript - 如何从普通 JavaScript 访问 AMD 模块 ("define")？

Question

我制作了一个 TypeScript 代码，编译如下:

define("Global/Global", ["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var Global = (function () {
        function Global() {
        }
        Global.transition_time = 200;
        return Global;
    }());
    exports.Global = Global;
});

现在，在经典的“script.js”中，我尝试 console.log() “transition_time”值。但它告诉我“全局未定义”。我在 Global 函数的控制台中放置了一个断点，但它从未被触发。

编辑:

这是 Global 的 TypeScript 代码:

export class Global {
    static transition_time: number = 200;
}

Answer 1

看起来您有一个 AMD module那里，所以你需要使用 AMD 模块加载器，例如 RequireJS如果您还没有使用过。然后从 script.js 访问模块的正确语法如下:

require(["Global/Global"], function(Global_module) {
    console.log(Global_module.Global.transition_time);
});

require 函数不会向全局命名空间添加任何内容；相反，您必须传递一个回调来接收您请求的模块并对其执行任何您想要的操作。注意 Global_module.Global.transition_time ； Global_module 是我为接收整个模块的变量指定的名称，Global 是模块内导出类的名称。