链接承诺同时保持数据(角度js)

时间:2016-03-27 01:35:59

标签: javascript angularjs node.js http ecmascript-6

我看到有关链接承诺的问题,但这个有点不同。 我在我的代码中发出了http get请求。第一个调用返回一个数组。对于数组中的每个对象,我需要进行另一个http调用,该调用返回另一个数组,依此类推(这会链接3个级别)。 问题是,我需要跟踪用于进行每个http调用的数组元素,并且我不知道如何使用promises执行此操作。 我还希望通过回复承诺来结束链条。

我有没有承诺的nodejs中我想要写的代码:

var https = require('https');
var fs = require('fs');


function makeRequest(options){
  var httpopts = {
    host: 'soc.courseoff.com',
    path: '/gatech/terms/201601/majors/' + options.p,
    method: 'GET'
  };
  var response = "";
  var req = https.request(httpopts, function(res) {
      res.on('data', function(d) {
        response += d;
      });
      res.on('end',function(){
        options.cb(response,options)
      })
    });

  req.end();

  req.on('error', function(e) {
    console.error(e);
  });
}
var classData = {};
function getCourses(m){
    var majors = JSON.parse(m);
    majors.forEach(function(maj){
        classData[maj] = {};
        var options = {
           p:maj.ident +'/courses',
           cb:getSections,
           major:maj
        };    
        makeRequest(options);
    });
}
var classCount = 0;
function getSections(c,opts){
    var courses = JSON.parse(c);
    courses.forEach(function(course){ 
        classCount++;
        var options = JSON.parse(JSON.stringify(opts)); 
        options.p += '/'+course.ident+'/sections';
        options.course = course
        options.cb = buildData
        makeRequest(options)
    });
}
var sectionCount = 0;
function buildData(r, options){
    var major = options.major.ident;
    sectionCount++;
    if(!classData[major]){
        classData[major] = {
            name: options.major.name,
            classes:{}
        };
    }
    classData[major].classes[options.course.ident] = {
        name:options.course.name,
        sections:JSON.parse(r)
    };
    console.log('classCount-sectionCount '+classCount + '---'+sectionCount);
    if(classCount === sectionCount){
        writeIt();
    }
}
makeRequest({
    p:'',
    cb:getCourses
});

function writeIt(){
    fs.writeFileSync('./classData.js', 'module.exports = ' + JSON.stringify(classData));
}

编辑: 我设法获得了嵌套的承诺,同时跟踪数据,但我怎样才能返回最终以最终数据对象解析的承诺? 我的代码: 谢谢你的帮助!我设法对其进行编码以使承诺有效,我现在唯一的问题是将最终数据作为承诺返回

fact.factory('ClassFactory', ['$http',function ($http) {    
    var eventData = {};
        var promise;
        var courseData = [];
        var baseURL ='https://soc.courseoff.com/gatech/terms/201601/majors/';
        eventData.getClasses = function (event) {
            if(!promise){
                 promise = $http.get(baseURL).then(
                    function(majors){
                        Promise.all(majors.data.map(m => $http.get(baseURL + m.ident+'/courses')
                            .then(
                                function(courses){
                                    if(!m.courses) m.courses = [];
                                    courses.data.map(c => $http.get(baseURL+ m.ident+'/courses/' +c.ident+'/sections' )
                                        .then(
                                            function(sections){
                                                c.sections = sections.data;
                                                m.courses.push(c);
                                            }
                                        ));
                                    courseData.push(m);
                                }
                            )));
                    }
                 )
            }
            return promise;
        }
        return eventData;
}]);

2 个答案:

答案 0 :(得分:0)

几乎可以肯定,每次处理一系列Promise时,你都会想要使用Promise.all来连接并将你的promises合并到一个新的promise中。然后,该承诺将包含每个调用的结果数组。因此,嵌套的Promise.alls可以返回具有所有结果级别的数组数组,只要您使用类似地图和闭包的内容来捕获外层。

var fakeCall = x => Promise.resolve(x||Math.random());

Promise.all([fakeCall(1),fakeCall(2)])
  .then( 
    results => Promise.all(results.map( x => fakeCall(5).then( results2 => [x, results2])  ))
  )
  .then( x => console.log(x));//-> [[1,5],[2,5]]

第一个调用数组生成一个结果数组,并且通过具有更多调用的函数的映射将返回可与其父调配对的单个结果。

以这种方式明确地嵌套事物将适用于更深层次,但不会很漂亮。您可以使用Array.reduce创建一个可以概括此模式的抽象。

答案 1 :(得分:0)

您忘记了代码中的一些退货。传递给.then的函数应该总是返回一些东西。此外,您正在修改majors,但随后将其丢弃而不使用它。使用promises时 - 特别是当它们很复杂并且嵌套时 - 修改这些promise中包含的任何数据结构并不是一个好主意,除非你确定不会发生任何坏事。

我会把它分成几个函数。 e.g。

var baseURL ='https://soc.courseoff.com/gatech/terms/201601/majors/';

function getSections(major, course) {
  return $http.get(baseURL+ major.ident+'/courses/' +course.ident+'/sections')
              .then(sections => sections.data)
              .catch(e => []);
}

function getCourses(major) {
  return $http.get(baseURL + major.ident+'/courses')
              .then(courses => Promise.all(courses.data.map(course =>
                getSections(major, course).then(sections => ({[course.ident]: {name: course.name, sections: sections}})))))
              .then(courses => angular.extend({}, ...courses))
              .catch(e => ({}));
}

function getClassData() {
  return $http.get(baseURL)
              .then(majors => Promise.all(majors.data.map(major =>
                getCourses(major).then(courses => ({[major.ident]: {name: major.name, classes: courses}})))))
              .then(majors => angular.extend({}, ...majors))
              .catch(e => ({}));
}

getClassData().then(data => console.log(data));