问题描述
我希望这段代码能够运行，然后在2秒钟后，执行堆栈将为空，并且import 'package:Flutter/widgets.dart';
enum Status { NotLoggedIn,LoggedIn,Authenticating,LoggedOut }
class AuthProvider with ChangeNotifier {
Status _loggedInStatus;
String _token;
Status get loggedInStatus => _loggedInStatus;
String get token => _token;
Future<String> autoLogin() async {
_loggedInStatus = Status.Authenticating;
notifyListeners();
print('autologin - waiting');
await new Future.delayed(const Duration(seconds: 2));
_token = 'abcd1234';
_loggedInStatus = Status.LoggedIn;
notifyListeners();
print('autologin - sucess');
return _token;
}
Future login(String email,String password) async {
_loggedInStatus = Status.Authenticating;
notifyListeners();
print('login - waiting');
await new Future.delayed(const Duration(seconds: 2));
_token = 'abcd1234';
_loggedInStatus = Status.LoggedIn;
notifyListeners();
print('login - sucess');
}
Future logout() async {
_token = null;
_loggedInStatus = Status.LoggedOut;
notifyListeners();
print('logout - sucess');
}
}
有一个回调。我期望如此，因为我希望消息队列和作业队列为空（因为承诺尚未解决）。
因此，首先打印setTimeout，然后在3秒钟后，promise将被解决，其回调将被放置在作业队列中，并应打印消息Callback。但这不是正在发生的事情。那我在这里想念什么？
代码是：
Promise is resolved解决方法
您刚刚发现了JavaScript的microtasks。简而言之，实际上有两个不同的回调队列。一种用于微任务，另一种用于宏任务。在您的情况下，Promise的回调是一个微任务，而setTimeout的回调是一个宏任务。始终在微任务队列之前处理微任务队列。
因此，即使您在function() { console.log("Callbcack"); }之前将(data) => { console.log(data) }排队，无论您在解析Promise之前阻塞了线程多长时间，第二个总是优先执行，因为两个队列都将在顶层代码完成执行后进行处理。
Promise执行程序功能是同步运行的（恰好在您调用new Promise(executor)时），因此在运行5000毫秒后（在初始堆栈中）运行顶级代码，可以解决Promise。
然后，执行了微任务队列，因此您看到了console.log(data)的结果。
然后，js（事件循环）可以自由运行碰巧是计时器处理程序的下一个异步块。