JavaScript ES6 Promises 是一种让异步编程更轻松的新的标准模式，是未来 Web 异步处理的基础。本篇简单介绍一下 Chrome DevTools 中的新功能 Promises inspector ，它可以帮你更好地调试 promises 。
这个功能目前只是作为 DevTools Experiments 中的一个选项，所以默认是找不到这个功能的，需要手工开启。关于如何开启 DevTools Experiments 见这篇文章。
启用后，你就可以中 Console 的位置那里找到 Promises 面板。它有点像 Timeline 面板的记录功能，随着时间而更新。并且开启后会自动记录 promises 的所有行为。
每个 promises 左侧有个指示符，代表 promise 的三种状态。绿色表示正常完成(fulfilled)的 promise ，红色表示失败(rejected)的 promise ，灰色表示尚未完成(pending)的状态。用面板上的过滤器可以只显示某种状态的 promise 。
另外，如果勾选上 Async (和 Source 面板调试 JS 的 Async 含义一样)还会捕获更多异步堆栈的跟踪信息。Have fun!
作者：韩国恺。本系列文章以 Addy & Matt 的系列视频 Totally Tooling Tips 的内容为基础重新整理而成，主要介绍一些(前端)开发者喜欢的工具和技巧。
Post Views: 25
除非特别声明，此文章内容采用知识共享署名 3.0许可，代码示例采用Apache 2.0许可。更多细节请查看我们的服务条款。
