javascript - angular js，广播一个事件并等待它完成

Question

我有一个像这样的 Angular 事件:

$rootScope.$broadcast("postData");
doSomething();

但是，doSomething() 必须等待 postData 完成才能执行。我通常会做类似的事情:

$rootScope.$broadcast("postData").then(function(){
    doSomething();
});

但显然这不是 Angular 事情......有什么想法吗？

Answer 1

我想指出，如果我们没有处理异步调用来放置回调/ promise /抛出事件来解决问题的情况，则无法实现以前的解决方案。异步调用可能是库函数，例如 setTimeout，我们不能使用以前的解决方案来修复流程。

这是我的解决方案:

把 doSomething();在时间间隔设置为 0 的 setTimeout 中，

$rootScope.$broadcast("postData");
setTimeout(function(){ 
    doSomething();}
, 0);

就这么简单!

settimeout 使 dosomething() 也成为异步的，这使得两个异步操作一个接一个地发生(异步)。如何？解释如下，但首先要注意 dosomething() 处于间隔 0 ms 的 setTimout 中。显然，人们可能会认为 dosomething() 应该在 postData 事件被广播和服务之前立即执行(在 0 毫秒之后(实际上 javascript 中默认的最小时间间隔是 4 毫秒，所以 0 毫秒变成 4 毫秒))。

答案是否定的!

Settimeout 不保证其内部传递的回调函数一定会在指定的时间间隔后执行。指定的时间间隔只是执行回调所需的最小时间间隔。 SetTimeOut 是一个异步调用。如果管道中已经有任何其他异步操作在等待，javascript 首先运行它们。

要了解这一切是如何发生的，您需要了解什么是 javascript 中的事件循环。

Javascript 运行时是单线程的，它只有一个调用堆栈，这意味着它在编写代码时按顺序运行。那它究竟是如何实现异步的呢？

这就是当 javascript 运行时遇到异步操作(如 API 调用、http 调用、settimeout、事件广播等)时发生的事情。请注意，我们的原生 javascipt 运行时引擎(例如 chrome V8 引擎)中未提供这些函数，而是由浏览器(称为 webAPI)提供，它们基本上是您可以调用的线程，它们 fork 出一个独立的执行路径，与 javascript 运行时执行流程分开，这就是实际实现并发的方式。

问题出现了，Javascript 运行时仍然是单线程的。那么这些 webAPI 如何侵入运行时流程并在完成时提供结果呢？他们不能在完成后随时提示 javascript 运行时并将结果提供给它吗？一定有某种机制。

所以 javascript 只是调用这些 webAPI，并不等待调用的输出。它只是继续执行调用之后的代码，这就是问题中的 dosomething() 在监听和服务 postDate 事件之前执行的方式。

与此同时， fork 线程处理 http 调用或 setTimeout 或处理事件等，无论异步调用是为了什么。当它完成时，回调被推送到一个事件队列(任务队列)(注意，多个回调返回可以被推送到这个队列中。)。但它们不会立即运行。

javascript 运行时等待调用栈先变空。当 javascript 运行时没有任何东西可以执行时，异步调用回调函数从任务队列中弹出，一个一个地执行。

所以本质上，如果我们可以让 dosomething() 异步，它将在第一个异步完成后执行。那就是我所做的。 settimeout 回调被推送到事件队列/任务队列中。 Javascript 调用堆栈变空。 postData 事件广播的回调得到服务。然后 dosomething() 有机会执行。