无法从作为类型模块导入的 js 文件中调用函数

Question

我正在使用模块导入在 ES6 中编写我的 Javascript 文件。 现在大多数现代浏览器都支持使用 type='module' 以允许正确解析导入语句。 脚本类型="模块https://caniuse.com/#feat=es6-module

我构建了一个 HTML 选择元素，onchange() 使用 select onchange="someFunction()" 从我的一个模块文件调用一个函数，但总是抛出一个错误，说当 on change 事件发生时该函数未定义。 我内联测试了相同的函数，并且没有使用 type="module" 没有预期的问题。

这是一个错误吗？ 它是否与默认情况下延迟的模块脚本有关？ 我错过了一些简单的东西吗？

我知道我可以通过使用 Webpack 或框架来避免这个问题，但我真的想尝试只使用 vanilla javascript 而没有任何额外的东西。 我相信在 js 中创建这个 select 元素然后附加到 dom 也可以解决这个问题。

Answer 1

模块不会创建全局变量。 一切都在模块内。

如果要绑定事件处理程序，请使用addEventListener从模块内部执行此操作，而不使用onXxxxx属性。

Answer 2

当使用带有类型模块的脚本时，您可以使用它来使用函数

            <button onclick="import('/modules/script.js').then(o=> o.showdialog())">

并在 script.js 中使用导出

export function showdialog() {}