javascript – ES6导入的定义执行顺序是什么？

import "one"
import "two"
console.log("three");

// one.js
console.log("one");

// two.js
console.log("two");

one
two
three

导入的ES6模块是异步执行的.但是,所有导入都在脚本执行导入之前执行.这使得ES6模块与例如 Node.js modules或 <script> tags不同,具有async属性. ES6模块在加载时更接近 AMD specification.有关详细信息,请参阅Axel Rauschmayer探索ES6的 section 16.6.1.

所以,在上面提供的例子中,执行顺序是无法保证的.有两个可能的结果.你可能会看到：

one
two
three

或者你可能会看到：

two
one
three

换句话说,两个导入的模块可以按任何顺序执行其console.log()调用;它们彼此是异步的.但是它们一定会在导入脚本之前执行,所以“三”保证最后被记录.

也就是说,no modern browser implements ES6 modules.我不知道像Babel这样的透明胶片是否遵循这方面的原始规格.

更新

在下面的@BenjaminGruenbaum’s评论中,我决定更仔细地研究一下.尽管有上述的来源,我在specification itself中没有明确指出模块加载是异步的(尽管不可否认,作为英语母语者,我发现这个规范有点难看).如果是这种情况,则执行导入的顺序将取决于实现.也就是说,同样的结论是：您不能指望以任何特定顺序执行的进口.