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

Question

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

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

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

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

Answer 1

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

如果你想绑定(bind)一个事件处理程序，那么在模块内部使用 addEventListener 而不是使用 onXxxxx 属性。