应用错误收集

在/js/foo.mjs中考虑此基本功能：

export function foo( ) {
    console.log('Hello, Modularity!');
};

如何在HTML文档中导入foo函数，以便可以内联使用？

<html>
    <head>
        <script type=module src=/js/foo.mjs></script>
    </head>
    <body>
        <button onclick=foo()>Modules are Cool</button>
    </body>
</html>

是的，我只能在window对象中定义函数：

window['foo'] = function _foo( ) {
    console.log('Hello, Whatever!');
};

但这是我要避免的事情；也许可以通过某种方式导入函数或变量，以便可以在整个HTML文档中访问它？

我想我可以做到：

onclick='import { foo } from "/js/foo.mjs"; foo()'

但这真丑陋。

公开JavaScript模块的功能以整个HTML文档

0 个答案: