JavaScript中如何让程序等待if语句执行完成后再继续运行

你的代码出现数据写入错误、重复响应的核心原因是JavaScript异步回调不会阻塞后续同步代码执行：
当file !== undefined进入if分支时，s3.deleteObject属于异步IO操作，它传入的回调函数会被暂存到事件队列，等当前同步代码全部执行完才会运行，根本不会阻塞if块外面的docClient.put执行，直接导致两个问题：

• 存在新文件上传的场景下，外层的数据库写入会抢先执行，此时updatedItem.image还没被更新为新上传文件的Key，写入数据库的是旧数据
• 等if块内的S3删除、文件上传逻辑跑完后，会再次执行数据库写入、调用res.redirect，触发重复响应报错。

用async/await梳理全链路执行顺序，把数据库写入逻辑统一放到所有分支逻辑的最后，确保不管是否进入if分支，所有前置数据修改操作全部完成后再执行写库：

1. 将路由处理函数标记为async，支持await语法
2. 把AWS SDK的回调风格调用改为返回Promise的.promise()形式，用await等待每个异步操作执行完成
3. 删除if块内外重复的写库、跳转逻辑，只保留一份写库代码放在所有前置操作之后
4. 加统一的异常捕获，避免未捕获的异步错误导致服务崩溃

修复后的完整代码：

// 路由处理函数添加async标记
async function updateDevice(req, res) {
  try {
    const { id } = req.params;
    const file = req.file;
    let updatedItem = { ...req.body };
    updatedItem.id = id;

    if (file !== undefined) {
      const deleteParams = {
        Key: updatedItem.image,
        Bucket: bucketName
      }
      // 等待S3旧文件删除完成
      await s3.deleteObject(deleteParams).promise();
      // 等待新文件上传完成
      const uploadResult = await uploadFile(file);
      console.log('file upload result:', uploadResult);
      // 等待本地临时文件删除完成
      await unlinkFile(file.path);
      // 所有文件操作完成后，再更新数据项的图片字段
      updatedItem.image = uploadResult.Key;
    }

    // 执行到此处时，不管有没有走文件上传分支，所有数据修改都已完成
    const dbParams = {
      TableName: "storepedia-test",
      Item: updatedItem
    };
    // 等待数据库写入完成再跳转
    await docClient.put(dbParams).promise();
    res.redirect('/devices');
  } catch (err) {
    // 统一捕获所有步骤的错误
    console.error('update device failed:', err);
    res.status(500).send('设备更新失败');
  }
}

• AWS SDK（v2/v3版本）所有原生支持回调的方法，都可以调用.promise()返回Promise对象，配合await就能实现线性的异步逻辑，不用写多层嵌套回调
• 不要在异步分支和主流程里重复写数据库操作、重复发送HTTP响应，否则必然出现数据不一致、重复响应的报错
• 所有涉及IO的异步操作（S3操作、文件操作、数据库操作）都要加错误捕获，避免单个请求失败导致整个服务进程退出

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