在while循环内使用await是否属于不良编程实践？

先贴出你提供的代码：

// this is inside a async function
try {
  let res = await api.resource.create(...args) // create resource
  do {
    let res = await api.resource.show(res.body.id)
    if (res.body.status === 'COMPLETED') return res.body
  } while(1)
} catch (err) {
  errorHandler(err)
}

咱们逐个拆解你的疑问：

1. 使用两个同名的res变量是否可行？ #

完全可行！因为let是块级作用域的变量声明：

• try块里的res只在try代码块范围内有效；
• do-while循环里的res是在do块内部单独声明的，属于独立的作用域，和外层的res互不干扰。

不过虽然语法上没问题，但同名变量容易让后续读代码的人混淆，建议给内层的res换个更有意义的名字，比如statusRes，能大幅提升代码可读性。

2. 在while循环内使用await会影响性能吗？ #

await本身不会拖慢性能——它只是异步等待API响应的标准方式。真正的性能隐患出在无间隔的无限轮询上：
如果像你现在的代码这样不停循环请求api.resource.show，短时间内会给服务器发送大量重复请求，既浪费客户端的网络资源，也会给服务器造成不必要的压力。

解决起来很简单：每次循环后加一个合理的延迟，比如等待1秒再发起下一次请求：

do {
  let statusRes = await api.resource.show(res.body.id)
  if (statusRes.body.status === 'COMPLETED') return statusRes.body
  // 增加延迟，避免高频请求轰炸服务器
  await new Promise(resolve => setTimeout(resolve, 1000))
} while(1)

3. 是否存在更优的解决方案？ #

轮询是实现“等待资源完成”最直接的方式，但确实不是最优解，这里有几个更高效的替代方案：

方案一：WebSocket/Server-Sent Events (SSE) #

如果你的后端支持，用WebSocket或者SSE让服务器主动推送资源状态更新，而不是客户端一直“追问”。客户端只需要建立一次连接，服务器在资源完成时主动通知你，完全避免轮询的开销。

方案二：Webhook回调 #

创建资源时，给API传递一个webhook URL。当资源状态变为COMPLETED时，服务器会主动调用这个URL，把结果推送给你。这种方式也不需要客户端持续轮询，非常适合异步任务场景。

方案三：优化轮询策略（如果必须用轮询） #

如果以上两种方案都无法实现，那至少优化轮询的方式：

• 指数退避：第一次等1秒，第二次等2秒，第三次等4秒，直到设置一个最大等待时间（比如30秒），避免固定间隔请求，减少服务器压力；
• 设置最大重试次数：防止因为API故障或资源一直未完成导致无限循环；
• 增加超时机制：如果超过一定时间资源还没完成，就抛出错误终止轮询。

举个指数退避的优化示例：

try {
  let createRes = await api.resource.create(...args)
  let delay = 1000 // 初始延迟1秒
  const maxDelay = 30000 // 最大延迟30秒
  const maxRetries = 20 // 最大重试次数
  let retries = 0

  while (retries < maxRetries) {
    let statusRes = await api.resource.show(createRes.body.id)
    if (statusRes.body.status === 'COMPLETED') return statusRes.body
    
    // 指数退避：每次延迟翻倍，不超过最大值
    await new Promise(resolve => setTimeout(resolve, delay))
    delay = Math.min(delay * 2, maxDelay)
    retries++
  }
  
  throw new Error('Resource did not complete within the expected time')
} catch (err) {
  errorHandler(err)
}

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