javascript - 在JS中引入其他JS，如何保证加载顺序？

Question

比如我在一个js文件中

import './A.js';import './B.js';import './C.js';

怎么保证 按A-B—C 的顺序引入？

一定要按script标签那样动态引入吗？比如,import这种引入有什么好方法吗？

function loadScript(url, doc = document) {    return new Promise(function (resolve) {        let script_ = doc.createElement("script");        script_.type = "text/javascript";        script_.src = url;        script_.onload = function () {              console.log(url);            resolve();        };        doc.body.appendChild(script_);    });}// Promise 链式调用 保证顺序loadScript('./A.js').then(()=>{    loadScript('./B.js')}).then(()=>{    loadScript('./C.js')})

Answer 1

这个有比较好的解决办法吗？

Answer 2

loadScript无缝替换成import

Answer 3

import './A.js';import './B.js';import './C.js';

就是按照 A-B-C 顺序加载的

Answer 4

loadScript无缝替换成import

import('./A.js').then(()=>{    return import('./B.js')}).then(()=>{    import('./C.js')})

---

你在某一页面直接使用了其他页面的方法？模块内的方法变量都是黑盒，不是全局的，除非手动设置window.xxx，使用的话需要在页面中把相关方法export导出去，然后在使用的页面import引入