码迷,mamicode.com
首页 > 其他好文 > 详细

循环内部异步函数处理相关问题解析

时间:2019-04-25 09:12:52      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:处理   eve   无法   数组   tle   reac   异步   读取数据   eject   

  需求分析:根据一级标题ID筛选出所有对应的二级标题,返回一级标题ID,标题名和二级标题ID,标题名组成的数组

  问题:通过forEach遍历所有一级标题取对应的ID,根据ID条件查找所有的二级标题,遍历符合条件的二级,取出二级标题的ID和标题名,此时,循环内部嵌套条件查找是个异步函数,resolve返回的结果为空。注:此处getSecondTitle为封装的读取数据库的异步函数

const allTitleId =function(firstTitleArray){
    return new Promise(function(resolve,reject){
        let secondArr=[],
            secondObj={},
            itemObj={},
            dataArray=[];
            //console.log(1)
        firstTitleArray.forEach(function(item){
            console.log(1)
                getSecondTitle(item).then(function(ret){
                // console.log(ret)
                secondArr=[];
                ret.forEach((item2)=>{
                    secondObj={};
                    secondObj[‘_id‘] = String(item2._id);
                    secondObj[‘title‘] = item2.title;
                    secondArr.push(secondObj)
                    //console.log(secondArr)
                })
                console.log(2)
                itemObj = JSON.parse(JSON.stringify(item));
                itemObj[‘secondTitle‘]= secondArr;
                dataArray.push(itemObj)
            }).catch(function(err){
                reject(err)
            })
        })
        console.log(3)
        resolve(dataArray)
    })
}

  解决:javascript代码都是同步执行的,代码都在在一个代码“队列”里面。与此同时javascript还有一个“Event Queue”,事件队列里都是处理一些异步的callback/handler,处理ajax response,点击啊,文件,数据库操作结果。关键是,只有代码队列所有代码都执行完毕了,javascript才会从事件队列里取出一个callback/handler来执行。依赖于事件循环处理异步函数获取数据,会导致脚本事件执行顺序不正确,无法按需求获取数据。应采用递归方法处理异步函数获取数据。

const allTitleId =function(firstTitleArray){
    return new Promise(function(resolve,reject){
        let secondArr=[],
        secondObj={},
        itemObj={},
        dataArray=[];
        (function secondTitleloop(index){
            getSecondTitle(firstTitleArray[index]).then(function(ret){
                secondArr=[];
                ret.forEach((item2)=>{
                    secondObj={};
                    secondObj[‘_id‘] = String(item2._id);
                    secondObj[‘title‘] = item2.title;
                    secondArr.push(secondObj)
                })
                itemObj = JSON.parse(JSON.stringify(firstTitleArray[index]));
                itemObj[‘secondTitle‘]= secondArr;
                dataArray.push(itemObj)
                if (++index<firstTitleArray.length) {
                    secondTitleloop(index);
                } else {
                    resolve(dataArray)
                }
            }).catch(function(err){
                reject(err)
            })
        }
        )(0)
    })
}

 

循环内部异步函数处理相关问题解析

标签:处理   eve   无法   数组   tle   reac   异步   读取数据   eject   

原文地址:https://www.cnblogs.com/xuxiaoqiangAndHM/p/10766029.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!