如何导入已在 html 中的 <script type="module"> 标签中定义的 es6 模块？

Question

我可以在我的 html 文件 me.html 中定义一个模块：

<script type="module" id="DEFAULT_MODULE">   
           import Atom from './atom.js';       
           console.log("definition of getAtom")
           export default function getAtom(){
            return new Atom('atom');
           }
           console.log("exported getAtom")
</script>

另见

• https://blog.whatwg.org/js-modules
• https://github.com/whatwg/html/pull/443#issuecomment-167639239

=> 是否可以将该“匿名”模块导入同一个 html 文件中的另一个模块脚本？还是一些“隐藏代码”——也已由 me.html 文件加载的 JavaScript 文件？出口似乎有效；至少它不会抛出任何错误。

对于 getAtom 方法的导入我试过例如：

<script type="module">
    import getAtom from '.'; //this line does not work
    console.log("usage of getAtom")
    var atom = getAtom();             
</script>

我希望有一些类似的语法

 import getAtom;
 import getAtom from '.';
 import getAtom from window;
 import getAtom from './me.html';
 import getAtom from '.DEFAULT_MODULE';

但是，这些行都不起作用。

=>如果可能的话，引用“匿名”模块的正确语法是什么？

我使用 Chrome 版本 63.0.3239.108。

相关问题：

How to dynamically execute/eval JavaScript code that contains an ES6 module / requires some dependencies?

Answer 1

据我了解，无法导入“匿名”模块，因为“匿名”模块没有模块说明符或单独的 url（其import.meta.url 只是当前规范的 html url）。理论上它可以在未来扩展，但我找不到这种功能的好的用例。