Javascript 为什么我的承诺没有同步运行?
我环顾四周,找不到答案。我正在尝试运行一个promise,一旦所有facebookapi页面都被迭代并保存到一个数组中,它就会执行一个fulfill语句 我知道这个函数很难看,但我要看看我能在承诺方面走多远Javascript 为什么我的承诺没有同步运行?,javascript,facebook-graph-api,asynchronous,concurrency,promise,Javascript,Facebook Graph Api,Asynchronous,Concurrency,Promise,我环顾四周,找不到答案。我正在尝试运行一个promise,一旦所有facebookapi页面都被迭代并保存到一个数组中,它就会执行一个fulfill语句 我知道这个函数很难看,但我要看看我能在承诺方面走多远 function pageThroughLikes(facebookPostArray) { var testArray = [] return new Promise(function (fulfill, reject) { facebookPostArray.forEac
function pageThroughLikes(facebookPostArray) {
var testArray = []
return new Promise(function (fulfill, reject) {
facebookPostArray.forEach(function(array) {
array.forEach(function(innerObject) {
if ('likes' in innerObject) {
if ('paging' in innerObject.likes) {
if ('next' in innerObject.likes.paging) {
nextPage = innerObject.likes.paging.next;
currentPostId = innerObject.id;
currentDataLength = innerObject.likes.data.length;
i = 0;
do{
$.get(nextPage, function(nextLikePageData) {
likeData = {};
likeData.id = currentPostId;
likeData.likes = {};
likeData.likes.data = nextLikePageData.data
likeData.likes.paging = nextLikePageData.paging
console.log(likeData)
testArray.push(likeData);
facebookPostArray.push(testArray);
console.log('pushed to postArray')
})
i += 1;
} while (currentDataLength != 0 && i > 10)
}
}
}
})
});
fulfill();
console.log('paged through likes')
})
}
现在,一旦这个函数完成,我想运行一个“测试”函数,将生成的数组转换成CSV格式并下载CSV文件
下面是我的测试函数:
function test() {
var convertedPostCSV = convertArrayOfObjectsToCSV(postArray);
downloadCSV(convertedPostCSV);
}
以下是我对函数的运行顺序:
$(document).ready(function() {
getPostLikes().then(function() {
pageThroughLikes(postArray).then(function() {
test();
});
});
});
我正在努力解决的问题是,我的“test()”函数在新页面的数据添加到我的“facebookPostArray”之前运行,或者在pageThroughLikes函数结束之前运行
希望有人能给我一些建议/给我指出正确的方向
编辑
好的,我已经按照@Winter Soldier的建议重新格式化了我的代码,但是我仍然得到了processData
函数的一个未捕获错误
这是我的密码:
function pageThroughLikes(facebookPostArray) {
console.log('paging through likes')
var testArray = []
var promiseList = [];
return new Promise(function (fulfill, reject) {
facebookPostArray.forEach(function(array) {
array.forEach(function(innerObject) {
if ('likes' in innerObject) {
if ('paging' in innerObject.likes) {
if ('next' in innerObject.likes.paging) {
nextPage = innerObject.likes.paging.next;
currentPostId = innerObject.id;
currentDataLength = innerObject.likes.data.length;
i = 0;
do{
promiseList.push(
$.ajax({url : nextPage
}))
i += 1;
} while (currentDataLength != 0 && i > 10)
}
}
}
});
return promiseList;
console.log('paged through likes')
})
processData = function(nextLikePageData){
likeData = {};
likeData.id = currentPostId;
likeData.likes = {};
likeData.likes.data = nextLikePageData.data
likeData.likes.paging = nextLikePageData.paging
console.log(likeData)
testArray.push(likeData);
facebookPostArray.push(testArray);
console.log('pushed to postArray')
return likeData;
}
$(document).ready(function() {
getPostLikes().then(function() {
$.when.apply(pageThroughLikes(postArray), this).done(function() {
var testArray = []
$.each(arguments, function(k, v){
var dt = processData(v[0]);
testArray.push(dt);
facebookPostArray.push(dt);
});
console.log(testArray)
test(testArray); // OR
test(facebookPostArray);
});
});
});
function test(postArray) {
var convertedPostCSV = convertArrayOfObjectsToCSV(postArray);
downloadCSV(convertedPostCSV);
}
编辑2.0
这是我所有丑陋的代码。仅供参考。我想问题可能是我在代码的其他部分隐藏了一些东西,因此有可能值得向您全面展示
var facebookKey = config.FACEBOOK_KEY;
// ASSIGN QUERY TO VARIABLE
var likePage = getQueryVariable("likePage");
var sinceDate = getQueryVariable("sinceDate");
var likeArray = [];
var postArray = [];
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (pair[0] == variable) {
return pair[1];
}
}
alert("Query Variable " + variable + " not found");
}
console.log("Page Search: " + likePage);
console.log("Since: " + sinceDate)
// FIND DATA FOR FACEBOOK PAGE POSTS SINCE CHOSEN DATE
$(document).ready(function() {
getPostLikes().then(function() {
$.when.apply(pageThroughLikes(postArray), this).done(function() {
var testArray = []
$.each(arguments, function(k, v){
var dt = processData(v[0]);
testArray.push(dt);
facebookPostArray.push(dt);
});
console.log(testArray)
test(testArray); // OR
test(facebookPostArray);
});
});
});
function test(postArray) {
var convertedPostCSV = convertArrayOfObjectsToCSV(postArray);
downloadCSV(convertedPostCSV);
}
function getPostLikes(response) {
return new Promise(function (fulfill, reject) {
$.get("https://graph.facebook.com/v2.8/"+ likePage + "?fields=access_token,posts.since(" + sinceDate + "){likes{id}}&access_token=" + facebookKey, function (facebookData) {
var likePageId = facebookData.id;
var testPostArray = [];
if ('posts' in facebookData) {
var nextPage = facebookData.posts.paging.next;
var check = 0;
postArray.push(facebookData.posts.data);
var currentDataLength = " "
var i = 0
if ('paging' in facebookData.posts) {
console.log("new page available");
do {
$.ajax({
async: false,
type: "GET",
url: nextPage,
success: function(nextPageData) {
console.log("New Page Accessed: " + nextPage)
i++;
console.log("Page Number: " + i)
testPostArray.push(nextPageData.data);
if ('paging' in nextPageData) {
nextPage = nextPageData.paging.next;
console.log("next page assigned");
}
currentDataLength = nextPageData.data.length;
console.log(currentDataLength);
}
});
console.log("DATA LENGTH: " + currentDataLength);
} while (currentDataLength > 0);
testPostArray.forEach(function(element) {
console.log(element)
postArray.push(element);
fulfill();
});
}
} else {
console.log('Error: No facebook posts since this date!')
reject();
}
console.log(postArray)
});
})
};
console.log("Downloading...")
function pageThroughLikes(facebookPostArray) {
console.log('paging through likes')
var testArray = []
var promiseList = [];
facebookPostArray.forEach(function(array) {
array.forEach(function(innerObject) {
if ('likes' in innerObject) {
if ('paging' in innerObject.likes) {
if ('next' in innerObject.likes.paging) {
nextPage = innerObject.likes.paging.next;
currentPostId = innerObject.id;
currentDataLength = innerObject.likes.data.length;
i = 0;
do{
promiseList.push(
$.ajax({url : nextPage
}))
i += 1;
} while (currentDataLength != 0 && i > 10)
}
}
}
})
});
console.log('paged through likes')
return promiseList;
}
processData = function(nextLikePageData){
likeData = {};
likeData.id = currentPostId;
likeData.likes = {};
likeData.likes.data = nextLikePageData.data
likeData.likes.paging = nextLikePageData.paging
console.log(likeData)
testArray.push(likeData);
facebookPostArray.push(testArray);
console.log('pushed to postArray')
return likeData;
}
// AUTO DOWNLOAD CSV FILE
function downloadCSV(args) {
var data, filename, link;
var csv = convertArrayOfObjectsToCSV(postArray);
if (csv == null) return;
filename = args.filename || 'export.csv';
if (!csv.match(/^data:text\/csv/i)) {
csv = 'data:text/csv;charset=utf-8,' + csv;
}
data = encodeURI(csv);
link = document.createElement('a');
link.setAttribute('href', data);
link.setAttribute('download', filename);
link.click();
}
// CONVERT FACEBOOK POSTS OBJECTS TO CSV FORMAT
function convertArrayOfObjectsToCSV(args) {
var result, ctr, keys, columnDelimiter, lineDelimiter, data;
data = args || null;
if (data == null || !data.length) {
return null;
}
columnDelimiter = args.columnDelimiter || ',';
lineDelimiter = args.lineDelimiter || '\n';
keys = Object.keys(data[0]);
result = '';
result += "user_id" + columnDelimiter + " post_id" + columnDelimiter + " page_id";
result += lineDelimiter;
data.forEach(function(item) {
item.forEach(function(post) {
if ('likes' in post) {
var likeArray = post.likes
likeArray.data.forEach(function(like) {
result += like.id + columnDelimiter + post.id.split('_').reverse() + lineDelimiter;
});
} else {
result += columnDelimiter + post.id.split('_').reverse() + lineDelimiter;
};
});
});
console.log('converted to CSV')
return result;
}
编辑4.0
这是我当前的代码
几乎所有的一切都终于开始工作了,在深夜的谷歌搜索中获得了大量的信息
var facebookKey = config.FACEBOOK_KEY;
// ASSIGN QUERY TO VARIABLE
var likePage = getQueryVariable("likePage");
var sinceDate = getQueryVariable("sinceDate");
var likeArray = [];
var postArray = [];
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (pair[0] == variable) {
return pair[1];
}
}
alert("Query Variable " + variable + " not found");
}
console.log("Page Search: " + likePage);
console.log("Since: " + sinceDate)
// FIND DATA FOR DOJOAPP FACEBOOK PAGE POSTS SINCE CHOSEN DATE
$(document).ready(function() {
getPostLikes().then(function() {
// console.log(postArray);
pageThroughLikes(postArray, test)
});
});
function test(postArray) {
var convertedPostCSV = convertArrayOfObjectsToCSV(postArray);
downloadCSV(convertedPostCSV);
}
function getPostLikes(response) {
return new Promise(function (fulfill, reject) {
$.get("https://graph.facebook.com/v2.8/"+ likePage + "?fields=access_token,posts.since(" + sinceDate + "){likes{id}}&access_token=" + facebookKey, function (facebookData) {
var likePageId = facebookData.id;
var testPostArray = [];
if ('posts' in facebookData) {
var nextPage = facebookData.posts.paging.next;
var check = 0;
postArray.push(facebookData.posts.data);
var currentDataLength = " "
var i = 0
if ('paging' in facebookData.posts) {
console.log("new page available");
do {
$.ajax({
async: false,
type: "GET",
url: nextPage,
success: function(nextPageData) {
console.log("New Post Page Accessed: " + nextPage)
i++;
console.log("Paging Through Posts: " + i)
testPostArray.push(nextPageData.data);
if ('paging' in nextPageData) {
nextPage = nextPageData.paging.next;
console.log("next page assigned: " + nextPage);
}
currentDataLength = nextPageData.data.length;
console.log(currentDataLength);
}
});
console.log("DATA LENGTH: " + currentDataLength);
} while (currentDataLength > 0);
testPostArray.forEach(function(element) {
// console.log(element)
postArray.push(element);
fulfill();
});
}
} else {
console.log('Error: No facebook posts since this date!')
reject();
}
// console.log(postArray)
});
})
};
console.log("Downloading...")
function pageThroughLikes(facebookPostArray, callback) {
console.log('paging through likes')
var testArray = []
var promiseList = [];
facebookPostArray.forEach(function(array) {
array.forEach(function(innerObject) {
if ('likes' in innerObject && 'paging' in innerObject.likes && 'next' in innerObject.likes.paging) {
var nextPage = innerObject.likes.paging.next;
console.log('new likes page assigned: ' + nextPage);
var currentPostId = innerObject.id;
var noMorePages = false;
var i = 0;
do{
$.ajax({
url: nextPage,
success: function(nextLikePageData) {
createLikeObject(nextLikePageData, currentPostId, checkForPagesOfLikes, nextLikePageData, noMorePages)
if ('paging' in nextLikePageData && 'next' in nextLikePageData.paging) {
nextPage = nextLikePageData.paging.next;
}
}
})
i += 1
console.log(i)
} while (noMorePages = false);
}
})
});
console.log('paged through likes')
callback();
}
function createLikeObject(likeData, postId, callback, args, fail) {
likeArrayFormat = [];
likeObject = {};
likeObject.likes = {};
likeObject.id = postId;
likeObject.likes.data = []
likeData.data.forEach(function(like) {
likeObject.likes.data.push(like);
});
likeArrayFormat.push(likeObject);
postArray.push(likeArrayFormat);
console.log('pushed new like data to postArray')
callback(args, fail)
}
function pushToArray(item, array, callback) {
array.push(item);
callback()
}
function checkForPagesOfLikes(data, noMorePages) {
if ('paging' in data && 'next' in data.paging) {
return true;
console.log('NEW PAGE FOUND')
}
else {
noMorePages = true;
console.log('NO MORE PAGES OF LIKES FOR CURRENT OBJECT')
}
}
// AUTO DOWNLOAD CSV FILE
function downloadCSV(args) {
var data, filename, link;
var csv = convertArrayOfObjectsToCSV(postArray);
if (csv == null) return;
filename = 'export.csv';
if (!csv.match(/^data:text\/csv/i)) {
csv = 'data:text/csv;charset=utf-8,' + csv;
}
data = encodeURI(csv);
link = document.createElement('a');
link.setAttribute('href', data);
link.setAttribute('download', filename);
link.click();
}
// CONVERT FACEBOOK POSTS OBJECTS TO CSV FORMAT
function convertArrayOfObjectsToCSV(args, callback) {
var result, ctr, keys, columnDelimiter, lineDelimiter, data;
// console.log(args)
data = args || null;
if (data == null || !data.length) {
return null;
}
columnDelimiter = args.columnDelimiter || ',';
lineDelimiter = args.lineDelimiter || '\n';
keys = Object.keys(data[0]);
result = '';
result += "user_id" + columnDelimiter + " post_id" + columnDelimiter + " page_id";
result += lineDelimiter;
// console.log(args)
args.forEach(function(object) {
// console.log(object)
// console.log(object.length)
if (object.length != 0) {
object.forEach(function(item) {
if ('likes' in item && 'data' in item.likes) {
var postId = item.id;
item.likes.data.forEach(function(likeId) {
if ('id' in likeId) {
// console.log(likeId)
var likeArray = likeId;
// console.log(likeArray)
result += likeArray.id + columnDelimiter + postId.split('_').reverse() + lineDelimiter;
} else {
result += columnDelimiter + postId.split('_').reverse() + lineDelimiter;
};
});
}
});
}
})
console.log('converted to CSV')
return result;
callback();
}
var facebookKey=config.FACEBOOK\u KEY;
//将查询分配给变量
var likePage=getQueryVariable(“likePage”);
var sinceDate=getQueryVariable(“sinceDate”);
var-likerray=[];
var postArray=[];
函数getQueryVariable(变量){
var query=window.location.search.substring(1);
var vars=query.split('&');
对于(变量i=0;i0);
forEach(函数(元素){
//console.log(元素)
后推(元件);
实现();
});
}
}否则{
log('错误:自该日期以来没有facebook帖子!')
拒绝();
}
//控制台日志(postArray)
});
})
};
console.log(“下载…”)
函数pageThroughLikes(facebookPostArray,回调){
console.log('通过likes进行分页')
var testArray=[]
var promiseList=[];
facebookPostArray.forEach(函数(数组){
forEach(函数(innerObject){
if('likes'位于innerObject中&&'paging'位于innerObject.likes&&'next'位于innerObject.likes.paging中){
var nextPage=innerObject.likes.paging.next;
log('分配的新页面:'+nextPage);
var currentPostId=innerObject.id;
var noMorePages=false;
var i=0;
做{
$.ajax({
网址:下一页,
成功:函数(nextLikePageData){
createLikeObject(nextLikePageData、currentPostId、checkForPagesOfLikes、nextLikePageData、noMorePages)
if('nextLikePageData中的“分页”&&nextLikePageData.paging中的“下一步”){
nextPage=nextLikePageData.paging.next;
}
}
})
i+=1
控制台日志(i)
}while(noMorePages=false);
}
})
});
console.log('paged-through-likes')
回调();
}
函数createLikeObject(likeData、postId、回调、args、fail){
likerrayFormat=[];
likeObject={};
likeObject.likes={};
likeObject.id=posted;
likeObject.likes.data=[]
likeData.data.forEach(函数(like){
likeObject.likes.data.push(like);
});
likerrayFormat.push(likeObject);
postArray.push(类似ArrayFormat);
console.log('push new like data to postArray')
回调(args,fail)
}
函数pushToArray(项、数组、回调){
数组。推送(项目);
回调函数()
}
功能检查页类(数据、NOMORE页){
if(数据中的“分页”和数据中的“下一步”分页){
返回true;
console.log('找到新页面')
}
否则{
var facebookKey = config.FACEBOOK_KEY;
// ASSIGN QUERY TO VARIABLE
var likePage = getQueryVariable("likePage");
var sinceDate = getQueryVariable("sinceDate");
var likeArray = [];
var postArray = [];
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (pair[0] == variable) {
return pair[1];
}
}
alert("Query Variable " + variable + " not found");
}
console.log("Page Search: " + likePage);
console.log("Since: " + sinceDate)
// FIND DATA FOR DOJOAPP FACEBOOK PAGE POSTS SINCE CHOSEN DATE
$(document).ready(function() {
getPostLikes().then(function() {
// console.log(postArray);
pageThroughLikes(postArray, test)
});
});
function test(postArray) {
var convertedPostCSV = convertArrayOfObjectsToCSV(postArray);
downloadCSV(convertedPostCSV);
}
function getPostLikes(response) {
return new Promise(function (fulfill, reject) {
$.get("https://graph.facebook.com/v2.8/"+ likePage + "?fields=access_token,posts.since(" + sinceDate + "){likes{id}}&access_token=" + facebookKey, function (facebookData) {
var likePageId = facebookData.id;
var testPostArray = [];
if ('posts' in facebookData) {
var nextPage = facebookData.posts.paging.next;
var check = 0;
postArray.push(facebookData.posts.data);
var currentDataLength = " "
var i = 0
if ('paging' in facebookData.posts) {
console.log("new page available");
do {
$.ajax({
async: false,
type: "GET",
url: nextPage,
success: function(nextPageData) {
console.log("New Post Page Accessed: " + nextPage)
i++;
console.log("Paging Through Posts: " + i)
testPostArray.push(nextPageData.data);
if ('paging' in nextPageData) {
nextPage = nextPageData.paging.next;
console.log("next page assigned: " + nextPage);
}
currentDataLength = nextPageData.data.length;
console.log(currentDataLength);
}
});
console.log("DATA LENGTH: " + currentDataLength);
} while (currentDataLength > 0);
testPostArray.forEach(function(element) {
// console.log(element)
postArray.push(element);
fulfill();
});
}
} else {
console.log('Error: No facebook posts since this date!')
reject();
}
// console.log(postArray)
});
})
};
console.log("Downloading...")
function pageThroughLikes(facebookPostArray, callback) {
console.log('paging through likes')
var testArray = []
var promiseList = [];
facebookPostArray.forEach(function(array) {
array.forEach(function(innerObject) {
if ('likes' in innerObject && 'paging' in innerObject.likes && 'next' in innerObject.likes.paging) {
var nextPage = innerObject.likes.paging.next;
console.log('new likes page assigned: ' + nextPage);
var currentPostId = innerObject.id;
var noMorePages = false;
var i = 0;
do{
$.ajax({
url: nextPage,
success: function(nextLikePageData) {
createLikeObject(nextLikePageData, currentPostId, checkForPagesOfLikes, nextLikePageData, noMorePages)
if ('paging' in nextLikePageData && 'next' in nextLikePageData.paging) {
nextPage = nextLikePageData.paging.next;
}
}
})
i += 1
console.log(i)
} while (noMorePages = false);
}
})
});
console.log('paged through likes')
callback();
}
function createLikeObject(likeData, postId, callback, args, fail) {
likeArrayFormat = [];
likeObject = {};
likeObject.likes = {};
likeObject.id = postId;
likeObject.likes.data = []
likeData.data.forEach(function(like) {
likeObject.likes.data.push(like);
});
likeArrayFormat.push(likeObject);
postArray.push(likeArrayFormat);
console.log('pushed new like data to postArray')
callback(args, fail)
}
function pushToArray(item, array, callback) {
array.push(item);
callback()
}
function checkForPagesOfLikes(data, noMorePages) {
if ('paging' in data && 'next' in data.paging) {
return true;
console.log('NEW PAGE FOUND')
}
else {
noMorePages = true;
console.log('NO MORE PAGES OF LIKES FOR CURRENT OBJECT')
}
}
// AUTO DOWNLOAD CSV FILE
function downloadCSV(args) {
var data, filename, link;
var csv = convertArrayOfObjectsToCSV(postArray);
if (csv == null) return;
filename = 'export.csv';
if (!csv.match(/^data:text\/csv/i)) {
csv = 'data:text/csv;charset=utf-8,' + csv;
}
data = encodeURI(csv);
link = document.createElement('a');
link.setAttribute('href', data);
link.setAttribute('download', filename);
link.click();
}
// CONVERT FACEBOOK POSTS OBJECTS TO CSV FORMAT
function convertArrayOfObjectsToCSV(args, callback) {
var result, ctr, keys, columnDelimiter, lineDelimiter, data;
// console.log(args)
data = args || null;
if (data == null || !data.length) {
return null;
}
columnDelimiter = args.columnDelimiter || ',';
lineDelimiter = args.lineDelimiter || '\n';
keys = Object.keys(data[0]);
result = '';
result += "user_id" + columnDelimiter + " post_id" + columnDelimiter + " page_id";
result += lineDelimiter;
// console.log(args)
args.forEach(function(object) {
// console.log(object)
// console.log(object.length)
if (object.length != 0) {
object.forEach(function(item) {
if ('likes' in item && 'data' in item.likes) {
var postId = item.id;
item.likes.data.forEach(function(likeId) {
if ('id' in likeId) {
// console.log(likeId)
var likeArray = likeId;
// console.log(likeArray)
result += likeArray.id + columnDelimiter + postId.split('_').reverse() + lineDelimiter;
} else {
result += columnDelimiter + postId.split('_').reverse() + lineDelimiter;
};
});
}
});
}
})
console.log('converted to CSV')
return result;
callback();
}
fullfill(array);
function pageThroughLikes(facebookPostArray) {
var testArray = []
var promsieList = []
facebookPostArray.forEach(function(array) {
array.forEach(function(innerObject) {
if ('likes' in innerObject) {
if ('paging' in innerObject.likes) {
if ('next' in innerObject.likes.paging) {
nextPage = innerObject.likes.paging.next;
currentPostId = innerObject.id;
currentDataLength = innerObject.likes.data.length;
i = 0;
do{
promsieList.push(
$.ajax({url : nextPage
}))
i += 1;
} while (currentDataLength != 0 && i > 10)
}
}
}
})
});
console.log('paged through likes')
return promiseList();
}
processData = function(nextLikePageData){
likeData = {};
likeData.id = currentPostId;
likeData.likes = {};
likeData.likes.data = nextLikePageData.data
likeData.likes.paging = nextLikePageData.paging
console.log(likeData)
testArray.push(likeData);
facebookPostArray.push(testArray);
console.log('pushed to postArray')
return likeData;
}
$(document).ready(function() {
getPostLikes().then(function() {
$.when.apply(this, pageThroughLikes(postArray)).done(function() {
//debug to examine the arguments object, you'll notice its an array of arrays
var testArray = []
$.each(arguments, function(k, v){
var dt = processData(v[0]);
testArray.push(dt);
facebookPostArray.push(dt);
});
console.log(testArray)
test(testArray); // OR
test(facebookPostArray);
});
});
});
function test(postArray) {
var convertedPostCSV = convertArrayOfObjectsToCSV(postArray);
downloadCSV(convertedPostCSV);
}