JS如何退出if判断后执行后续await代码 解决continue语法报错问题

错误原因 #

expression expected报错的核心原因是：三元运算符属于表达式，必须返回具体的返回值，而continue、return属于流程控制语句，不能放在三元运算符的分支中，语法本身不合法。
另外你原代码里三元前面加了return关键字，不管三元分支返回什么，执行到这一行都会直接跳出当前函数，根本不可能执行到后面的await createData逻辑，也不符合你的需求。

解决方法 #

直接把三元逻辑替换为普通的if分支即可，按你的需求（验证通过就退出if执行后续await，验证不通过就提示不执行后续代码），推荐下面的写法：

if(mediaValue.value == 'image') {
  const validateMedia = mediaFile.value.files[0].type.indexOf("image/") > -1
  // 验证不通过直接提示后终止函数，不会执行后面的await
  if (!validateMedia) {
    showToast("notImageFile", "error")
    return
  }
  // 验证通过后没有其他逻辑，自然退出if块执行后续代码
}
await createData(
  route.params.shopid,
  route.params.id,
  params
);

特殊场景补充：如果你的代码外层是循环结构需要用到continue #

注意continue只能在for、while等循环结构中使用，如果你的场景需要用到continue，也单独拆成if分支写，不要放到三元里：

if(mediaValue.value == 'image') {
  const validateMedia = mediaFile.value.files[0].type.indexOf("image/") > -1
  if (!validateMedia) {
    showToast("notImageFile", "error")
    return
  } else {
    // 外层必须是循环结构才可以用continue
    continue
  }
}
await createData(
  route.params.shopid,
  route.params.id,
  params
);

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