ES7异步函数解决进程等待相关业务问题

业务需求场景描述：

在接口只能单一检测的情况下，批量检测资源名称是否存在数据库，如果资源群中某一个资源已存在：给出交互让用户决定是否覆盖资源，最后形成不存在的资源和用户确定覆盖的资源群，进行提交。

业务关键：

1，单一检测存在异步操作

2，用户决定是否覆盖已存在资源，则需要程序等待效果

业务实现（基于Element-ui的$confirm确认消息提示组件）：

/**

 * 使用ES7的异步函数解决进程等待问题

 * @param resourceArray  待检测资源群[name1,name2]

 * @returns [] 返回检测结果（不存在的资源和用户确认需要覆盖的资源）

 */

const loopCheckResName=async (resourceArray)=>{

  let resultRes=[];

  for(let i =0,len=resourceArray.length;i<len;i++){

    const curResName=resourceArray[i];

    const response=await this.$api.checkName(curResName);

    if(response.code===404){

        resultRes.push(curResName);

    }else{

      try{

        //这里会阻塞for循环，待用户确认

        await this.$confirm(`资源${curResName}已存在，是否覆盖？`);

        resultRes.push(curResName);

      }catch(e){

        console.log("用户放弃了覆盖")

      }

    }

  }

  return []

}

这里可能会有两个疑问：

1，为什么使用for循环，不使用forEach或者every？

2，为什么在循环提示时使用try...catch进行异常处理？

回答：

1，因为forEach和every内部的回掉函数本身是异步的

2，异步函数的异常只能使用try来进行处理，如果不进行异常处理将不会进入下一次循环，而是直接退出了for循环

具体牵扯到的知识点有兴趣可以去了解。这里只对当前业务场景进行解释

巴特西

ES7异步函数解决进程等待相关业务问题

最新文章

热门文章