pvv, не особо разобрал твой вопрос но:
Обычные скритпы которые ни от чего не зависят и от которых ничего не зависит - не трогать.
Обычные скрипты от которых кто-то зависит - ставить вверх в нужном порядке.
Скрипты с чем-то асинхронным которые ни от чего не зависят и от которых ничего не зависит - не трогать.
Скрипты с чем-то асинхронным от которых кто-то зависит - возвращать в конце промис ждущий исполнения и имеющий конкретное имя(от которого и будут зависеть последующие). Промис возвращать либо как глобальную переменную в обычном скрипте, либо как экспорт в модуле.
Скрипты с чем-то асинхронным которые от чего-то зависят - await'ить зависимости по имени перед исполнением.
Скрипты с чем-то асинхронным которые от чего-то зависят И от которых кто-то зависит - await'ить зависимости по имени перед исполнением И возвращать в конце промис ждущий исполнения и имеющий конкретное имя(от которого и будут зависеть последующие). Промис возвращать либо как глобальную переменную в обычном скрипте, либо как экспорт в модуле.
Но чтоб совсем не париться - вот тебе на коленке накидал систему работы с асинхронными зависимостями не зависящую от порядка:
{
// top-script.js
this.dependencies = {
table: {},
get(name) {
if (Array.isArray(name)) return Promise.all(name.map(n => this.get(n)));
return this.table[name] ??= dependenciesProxyPromise();
},
set(name, truePromise) {
const existingPromise = this.table[name];
if (existingPromise) {
const attach = existingPromise[dependenciesProxyPromise.attach];
if (!attach) throw new Error(`[duplicate dependency declaration: ${name}]`);
attach(truePromise);
} else {
this.table[name] = truePromise;
}
return this;
},
};
function dependenciesProxyPromise() {
let resolve, reject;
const promise = new Promise((res, rej) => {
resolve = res;
reject = rej;
});
promise[dependenciesProxyPromise.attach] = (truePromise) => {
truePromise.then(resolve, reject);
delete promise[dependenciesProxyPromise.attach];
return promise;
};;
return promise;
}
dependenciesProxyPromise.attach = Symbol('attach');
// просто для удобства
const delay = (ms) => new Promise(r => setTimeout(r, ms));;
// first.js
console.log('first file start');
// ...
const first = async () => {
console.log('first proxy start');
await delay(3000);
console.log('first proxy end');
};
dependencies.set('first', first());
console.log('first file end')
// second.js
console.log('second file start');
async function second() {
console.log('second proxy start');
const third = await dependencies.get('third');
// ...
await delay(1000);
console.log('second proxy end');
}
dependencies.set('second', second());
console.log('second file end');
// main.js
console.log('main file start');
async function main() {
const [ first, second, third ] = await dependencies.get(['first', 'second', 'third']);
// ...
console.log('main file after all dependencies end');
}
main()
console.log('main file end');
// third.js
console.log('third file start');
const third = async () => {
console.log('third proxy start');
await delay(3000);
console.log('third proxy end');
}
// ...
dependencies.set('third', third());
console.log('third file end');
}
