如何以与Java中数组中可用函数相同的顺序获得输出-前端问题

How to get the output in the same order as the function available in the array in JavaScript(如何以与Java中数组中可用函数相同的顺序获得输出)

本文介绍了如何以与Java中数组中可用函数相同的顺序获得输出的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

仅更改ABC函数，我如何才能以与D变量中的函数相同的顺序获得输出。我曾尝试使用异步等待，但由于超时事件，得到的输出为[‘123’，‘Ankit’，‘345’]。数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

const A = (dev) => {
  setTimeout(() => {
    dev('ankit')
  }, 300)
}

const B = (dev) => {
  setTimeout(() => {
    dev('123')
  }, 50)
}

const C = (dev) => {
  setTimeout(() => {
    dev('345')
  }, 500)
}

const D = [A, B, C]

const ABC = (args, dev) => {
  // write your code here
  Promise.all(D.map(async (fun1) => {
    return await fun1(dev)
  }))
}

ABC(D, (result) => {
  console.log('result:', result) // ['ankit', 123, 345]
})

推荐答案

由于执行顺序取决于函数数组中的索引，而不是执行时间，因此只需使用For循环：数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

const A = dev => new Promise(resolve => 
  setTimeout(() => { dev('ankit'); resolve(); }, 300)
);
const B = dev => new Promise(resolve => 
  setTimeout(() => { dev('123'); resolve(); }, 50)
);
const C = dev => new Promise(resolve =>
  setTimeout(() => { dev('345'); resolve(); }, 500)
);

const ABC = async (args, dev) => {
  for(let i = 0; i < args.length; i++) {
    await args[i](dev);
  }
}

const run = (async () => { 
  await ABC([A, B, C], result => console.log('result:', result));
})();

这篇关于如何以与Java中数组中可用函数相同的顺序获得输出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！