javascript - js : how to access a class defined inside require from the outside (accessibility issue)

Question

这个问题困扰了我一段时间。我试图从外部调用一个类 require (可访问性问题)，我的代码如下所示。

require(['foo'],
    (foo) => {
        class Bar {
            hello() {
                return "hello";
            }
        }
    });
bar = new Bar();
//uncaught ReferenceError: Chart is not defined

我找到了一种解决方法，这是通过使用 window.Bar = class Bar... 来完成的

require(['foo'],
    (foo) => {
        window.Bar = class Bar {
            hello() {
                return "hello";
            }
        }
    });
bar = new Bar();
//OK

但是，当使用 Babel 进行转换时，这不是一个方便的解决方案。

您是否知道任何其他更正确的方法来导出/定义此类，以便可以从上层调用它？

提前致谢

Answer 1

你不会。相反，您可以在回调内部编写完整的模块代码:

require(['foo'], foo => {
    class Bar {
        hello() {
            return "hello";
        }
    }
    const bar = new Bar();
    // ...rest of code here...
});

这是编写 Require 样式模块的正常方式。您无需在脚本的顶层编写任何内容，所有内容都在回调中，尤其是这样 Require 可以在适当的时候调用它。