如何等待蓝鸟承诺在多个地点定居

Question

我遇到这样一种情况，因为它是init函数，所以一堆函数需要等待promise的解决；

self.init=new Promise(function(resolve){
//do stuff, take awhile
resolve();
});

但是，当它在初始化时，异步特性意味着其他依赖于它的函数正在被调用。我希望这些函数等待init完成，然后继续。

我试着在的每个功能中都这样做

function doSomethingUseful(){
self.init.reflect().then(function () {
//do functions purpose
});
}
function doSomethingUseless(){
self.init.reflect().then(function () {
//do functions purpose
});
}

但它只能随机工作，可能只有在init已经稳定的情况下才能工作，如果没有，它就会挂在这里，奇怪地挂起整个应用程序，尽管它是异步的。

我正在尝试替换以前的解决方案，该解决方案涉及在每个函数调用中检查间隔和布尔isInit。

有蓝鸟的功能吗？还是另一种继续等待和检查承诺的方式，看看它是否得到了解决？

该应用程序在许多地方都有这种结构。通常围绕sqlite读/写。一个用于打开数据库的init，但在打开时，页面正在加载，并且已经在尝试对表进行读/写，因此这些读/写操作被迫等待，方法是使用setInterval并反复检查init是否已完成。

下面是一个使用谷歌分析的例子。

function Analytics() {
var self = this;
self.ready = ko.observable(false).subscribeTo('application:ready'); //attached to page ready event in jquerymobile and cordova
self.trackerInit = new Promise(function (resolve, reject) {
ko.computed(function () {
if (self.ready()) {
window.ga.startTrackerWithId('id', 1000, resolve, reject);
}
});
});
}
Analytics.prototype.trackSpeed = function (cat, interval, variable, label) {
var self = this;
console.log("speed tracker", cat, interval, variable, label); //this logs
return self.trackerInit.then(function () {
console.log("speed tracker confirm init"); //this never logs, all execution stops including other async code        
return new Promise(function (resolve, reject) {
window.ga.trackTiming(cat, interval, variable, label, resolve, reject);
});
}).catch(function (e) {
if (e.message === "send timeout") {
return true; //who cares about timeouts anyways
} else {
throw e;//rethrow it
}
});
};

函数是在页面更改事件中调用的，没有返回，纯粹是异步的。调用它会导致所有执行停止。

准备好的ko是这样做的

self.ready = ko.observable(false).publishOn('application:ready');
var deviceReady = new Promise(function (resolve) {
$(document).on('deviceready', resolve);
});
var pageReady = new Promise(function (resolve) {
$(document).on('pagecreate', resolve);
});
Promise.all([deviceReady, pageReady]).then(function () {
//a couple of page of code and...
self.ready(true);
});

像这样更改init会在检查其结果时产生相同的挂起结果

self.trackerInit = new Promise(function (resolve, reject) {
console.log("initting");
checker = setInterval(function () {
if (window.ga) {
console.log("ready init");
window.ga.startTrackerWithId('id', 100, function(){
clearInterval(checker);
console.log("init complete");
resolve();
}, reject);
}
}, 1000);
});

Answer 1

它们只是承诺。只需使用then将它们链接到

function doSomethingUseful() {
// wait for init to finish, then do our stuff
// return the new chained promise in case someone wants to wait on us
return self.init.then(function () {
// do stuff
});
}
function doSomethingUseless() {
// wait for init to finish, then do our stuff
// return the new chained promise in case someone wants to wait on us
return self.init.then(function () {
// do stuff
});
}

// do both of those things and then do something else!
Promise.all([doSomethingUseful(), doSomethingUseless()]).then(function () {
console.log("init is done.  And we've done something useful and useless.")
}

编辑：

根据您的附加代码，问题是，如果应用程序在构建Analytics组件之前"就绪"，那么您将永远不会收到"application:ready"(因为它是在您订阅之前出现的(，因此您的"就绪"可观察结果将保持为假。根据邮箱文档，您需要将true作为第二个参数传递给subscribeTo，这样即使它在过去也会得到就绪值：

ko.observable(false).subscribeTo("application:ready", true)

然而，仅仅为了实现一个承诺而构建所有这些可观察性和可计算性是过分的。怎么样：

self.trackerInit = new Promise(function (resolve, reject) {
const s = ko.postbox.subscribe("application:ready", function (value) {
if (value) {
s.dispose(); // stop listening (prevent memory leak
window.ga.startTrackerWithId('id', 1000, resolve, reject);
}
}, true);
});

你甚至可以把它变成一个承诺助手：

function whenReady(eventName) {
return new Promise((resolve, reject) => {
const s = ko.postbox.subscribe(eventName, value => {
if (ready) {
s.dispose();
resolve(value);
}
}, true);
});
}
function startGaTracker(id, timeout) {
return new Promise((resolve, reject) => window.ga.startTrackerWithId(id, timeout, resolve, reject);
}

然后你可以写：

self.trackerInit = whenReady("application:ready")
.then(() => startGaTracker("id", 100));