您可以有一个回调,您的call_facebook
函数从 ajax 成功回调中检查。如果上面没有列出回调,什么也不做;如果有,运行它。将它与一个标志结合起来,告诉您是否有未完成的call_facebook
呼叫,您可以从您的click
处理程序中检查它。像这样的东西:
var done_callbacks = [];
var activecalls = 0;
function call_facebook(id) {
// Set active flag
++activecalls;
// Start ajax
start_ajax_call(/* ... */, function() {
var f;
// This is the "success" callback
// Decrement active flag
--activecalls;
if (activecalls === 0) {
// None others are active, process callbacks
while (done_callbacks.length !== 0) {
f = done_callbacks.shift();
f();
}
}
});
}
进而
google.maps.event.addListener(loc, 'click', function () {
if (activecalls === 0) {
doUpdate();
}
else {
done_callbacks.push(doUpdate);
}
function doUpdate() {
var template = $('#trips').html();
var content = locationIndex[loc.title];
var html = Mustache.to_html(template, content );
}
});
您可以对上述内容进行各种改进。例如,如果您只需要将与相同的两个事物挂钩loc
,则可以使用回调映射而不是数组,并且只触发相关的事物。您可以将处理程序中的逻辑隔离click
到另一个函数中call_facebook
(用于维护)等。您可能会在f();
调用周围捕获错误。但这是基本的想法。
请注意,上面没有竞争条件,即使它看起来好像有。事件是异步的,可以随时排队,包括 JavaScript 代码运行时;但是它们的处理程序永远不会同时运行,因为除非您使用网络工作者(我们不在上面),否则浏览器上的 JavaScript 是单线程的。因此,我们不会(例如)签activecalls === 0
入click
处理程序,然后在处理程序中的下一条语句执行之前对其进行更改click
。