如何在JavaScript中链接两个或三个第三方回调?

使用 Promise.all ,它将等待你每一个承诺的结束。

const onePromise = () => new Promise(resolve => setTimeout(resolve, 1000));
const anotherPromise = () => new Promise(resolve => setTimeout(resolve, 2000));

const loadPromises = (...args) => {
  return Promise.all(args);
};

loadPromises(onePromise, anotherPromise).then(() => console.log('done'));

承诺是最好的办法。

function callMeAfterBothRendered() {...};
Promise.all([
    new Promise((resolve) => libraryA($('.comp1'), {"rendered": resolve })), 
    new Promise((resolve) => libraryB($('.comp2'), {"rendered": resolve }))
]).then(callMeAfterBothRendered);

promisify 函数,即创建在呈现组件时实现的承诺。

const libApromise = new Promise(resolve => {
    libraryA($('.comp1'), {"rendered": resolve});
});
const libBpromise = new Promise(resolve => {
    libraryB($('.comp2'), {"rendered": resolve});
});

您可以将这些承诺作为init方法中的值返回,或者将它们存储在适配器类实例中,并将它们传递给其他人,以便最终在某个地方将它们收集到一个数组中:

const promise = [libApromise, libBpromise];

你现在可以使用 Promise.all 要创建一个承诺,当所有承诺都实现时(即当所有组件都呈现时),该承诺将实现:

Promise.all(promises).then(() => {
    console.log("all done!");
    …
});