如何通过AWS异步调用修正JavaScript中X-Ray循环追踪日志顺序

你遇到的问题是典型的JavaScript异步操作执行顺序问题。AWS SDK的xray.getTraceGraph是异步方法，它会立即返回，实际API请求在后台执行，只有等请求完成后才会触发你传入的回调函数。所以你的for循环会先快速跑完所有的console.log('before'+i)和console.log('after'+i)，等所有异步请求都完成后，才会依次输出回调里的日志，这就导致了和预期顺序不符的情况。

解决方案：用Async/Await改造代码 #

推荐使用async/await来处理这个场景，它能让异步代码看起来像同步代码一样按顺序执行，非常直观。AWS SDK的方法都可以通过.promise()转换成Promise形式，完美适配async/await的语法。

修改后的代码如下：

const aws = require('aws-sdk');
aws.config.update({region:'us-east-1'});
const xray = new aws.XRay();

const newObj = {
 "TraceSummaries": [
 {
 "id": "1-some-example",
 "HttpURL": "https://exampleUrl",
 "Name": "name of the service"
 },
 {
 "id": "2-some-example",
 "HttpURL": "https://exampleUrl2",
 "Name": "name of the service"
 }
 ]
};

// 把逻辑包裹在异步函数里
async function fetchTraceGraphs() {
  const traceArray = newObj.TraceSummaries;
  for (let i = 0; i < traceArray.length; i++) {
    console.log('before'+i);
    const singletraceParams = {TraceIds: [traceArray[i].id]};
    try {
      // 用await等待异步请求完成
      const data = await xray.getTraceGraph(singletraceParams).promise();
      const jsonData = JSON.stringify(data);
      console.log('Getting jsonData for'+ ' :'+jsonData);
      console.log('-------------------------------------------------------------');
    } catch (err) {
      console.log(err, err.stack);
    }
    console.log('after'+i);
  }
}

// 执行异步函数
fetchTraceGraphs();

关键改动说明 #

1. 异步函数包裹：把处理逻辑放在async function中，这样就能在内部使用await关键字等待异步操作完成。
2. .promise()转换：AWS SDK方法调用.promise()后会返回Promise对象，await会暂停代码执行，直到Promise状态变为resolved（请求成功）才继续往下走。
3. let i替代var i：用let声明循环变量i，避免var的变量提升导致的共享变量问题，这也是JavaScript循环里的最佳实践。
4. try/catch错误处理：替代原来的回调式错误处理，更符合async/await的代码风格，也更易读。

这样修改后，代码会严格按照你预期的顺序执行：先打印before0，等待第一个Trace请求完成后输出对应日志，再打印after0，接着处理第二个Trace，完全匹配你的预期输出。

内容的提问来源于stack exchange，提问作者Madhu