如何将这段JavaScript Promise代码转换为常规异步代码？

嘿，这事儿超简单！async/await本质就是Promise的语法糖，能让嵌套的异步代码看起来像同步代码一样清爽，可读性拉满。咱们直接把你那段Promise链式调用改成async/await版本，再拆解下关键变化：

转换后的完整代码 #

async function fetchRecentUnseenEmails(config) {
  try {
    // 替代第一个 .then()：用await等待连接建立
    const connection = await imaps.connect(config);
    
    // 替代第二个 .then()：用await等待打开收件箱
    await connection.openBox('INBOX');
    
    // 这段同步逻辑完全保留，不用改动
    const delay = 24 * 3600 * 1000;
    const yesterday = new Date();
    yesterday.setTime(Date.now() - delay);
    const yesterdayISO = yesterday.toISOString();
    
    const searchCriteria = ['UNSEEN', ['SINCE', yesterdayISO]];
    const fetchOptions = { 
      bodies: ['HEADER.FIELDS (FROM TO SUBJECT DATE)'], 
      struct: true 
    };
    
    // 如果后续要执行邮件搜索/获取，同样用await，比如：
    // const messages = await connection.search(searchCriteria, fetchOptions);
    // 这里可以添加处理邮件头的逻辑...
    
  } catch (error) {
    // 替代Promise链中的 .catch()：用try/catch捕获所有异步错误
    console.error('处理邮件过程中出错:', error);
    // 按需抛出错误或做其他处理
    throw error;
  }
}

关键变化说明 #

• 必须包裹在async函数中：await关键字只能在标记为async的函数内部使用，所以我们把逻辑封装到了fetchRecentUnseenEmails这个async函数里
• 用await替代.then()：每个原本需要在.then()回调里执行的逻辑，都可以通过await等待Promise完成后，直接拿到结果继续执行
• 错误处理用try/catch：原来Promise链里的.catch()逻辑，对应到async/await里就是用try包裹异步操作，catch块捕获所有可能的错误
• 同步逻辑完全保留：像计算时间、定义搜索条件这些同步代码，完全不用改动，直接放在async函数里就行

调用方式 #

因为async函数本身会返回一个Promise，所以调用它有两种方式：

// 方式1：用.then()/.catch()调用
fetchRecentUnseenEmails(yourConfig)
  .then(() => console.log('邮件处理完成'))
  .catch(err => console.error('调用失败:', err));

// 方式2：在另一个async函数里用await调用
async function run() {
  await fetchRecentUnseenEmails(yourConfig);
  console.log('邮件处理完成');
}
run();

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