JavaScript如何简化异步获取数组后判断索引项占用状态的代码

你已经将函数声明为async，完全可以用await替代.then链式调用，配合JS的短路语法去掉冗余的分支判断，代码可以精简到几行，逻辑和原实现完全一致。

推荐写法（现代JS环境支持可选链/空值合并） #

async itemIsOccupied(index) {
  const items = await getItems();
  return items[index]?.isOccupied() ?? false;
}

逻辑说明：

• 用await同步写法接收异步返回的数组，省去.then嵌套，代码是线性阅读顺序
• 可选链?.会自动做边界判断：如果索引越界，items[index]为undefined，整个表达式短路返回undefined，不会抛出访问属性的错误
• 空值合并运算符??会在前面结果为undefined/null时返回false，和你原代码越界返回false的逻辑完全对齐

兼容旧环境写法 #

如果运行环境不支持ES2020的可选链/空值合并语法，可以用逻辑短路实现同样的精简效果：

async itemIsOccupied(index) {
  const items = await getItems();
  return index < items.length && items[index].isOccupied();
}

逻辑说明：

• 先判断索引是否在数组长度范围内，不满足的话&&直接短路返回false
• 索引合法时才会执行isOccupied()方法返回结果，和原逻辑完全一致，不需要额外写if分支。

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