如何调试JavaScript Promise？

我试图了解如何调试基于Promise的异步代码。承诺是指基于ECMAScript 6的承诺，而调试是指使用内置的chrome或firefox调试器。

我遇到的麻烦是-发生错误时，无论我如何“拒绝”它，我似乎都无法获取堆栈跟踪。

我尝试了这些：

console.log(new Error('Error occured'));
throw new Error('Throwing an Error');
return new Error('Error returned by the onRejected function');
reject(new Error('Pass Error to the reject function'));

但是这些都不返回代码或堆栈跟踪中的实际错误。

所以我的问题是-如何正确调试JavaScript Promises？

这是一个值得讨论的好话题，可悲的消息是，使用本地承诺实际上很难。

在Chrome中调试原始ES6承诺太可怕了。这是因为它们将默默地抑制错误，并且每当您忽略捕获时，都不会给您任何表示诺言失败的迹象。更新：Chrome现在记录未处理的拒绝（有关方法，请参见此链接）

 Promise.resolve("foo").then(function(){
      throw new Error("You will never see this");// silent failure
 });

在Firefox中，由于它们执行未处理的拒绝检测，因此效果会更好一些-但是，它仍然是易碎品，如果您将诺言分配到任何地方都将无法使用。

那么，该怎么办呢？

包括Bluebird-它是ES6 Promise的超集，您可以在内部互换它，它具有更丰富的API，它更快，并且具有令人惊叹的堆栈跟踪。它的构建考虑了调试，并包括出色的错误处理功能。

包含Bluebird之后，请致电：

Promise.longStackTraces();

这会使它变慢一点（它仍然会非常快），并且会给您惊人的错误消息。例如：

Promise.resolve().then(function outer() {
    return Promise.resolve().then(function inner() {
        return Promise.resolve().then(function evenMoreInner() {
            a.b.c.d()
        });
    });
});

在本机承诺中-这将是一个无提示的失败，并且将很难调试-在Bluebird承诺中，默认情况下，它将在控制台中显示一个大的红色错误，从而为您提供：

ReferenceError: a is not defined
    at evenMoreInner (<anonymous>:6:13)
From previous event:
    at inner (<anonymous>:5:24)
From previous event:
    at outer (<anonymous>:4:20)
From previous event:
    at <anonymous>:3:9
    at Object.InjectedScript._evaluateOn (<anonymous>:581:39)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:540:52)
    at Object.InjectedScript.evaluate (<anonymous>:459:21)

完成调试后，您可以将其换出并返回本机Promise。就我个人而言，我很高兴知道自己在生产中存在错误，因此不建议这样做，但肯定是可行的。

这个答案是对本杰明·格鲁恩鲍姆（Benjamin Gruenbaum）的回答的补充：如果在promise链中使用catch语句，则会由于error.stack而获得堆栈跟踪：

        Promise.longStackTraces();

        function outer() {
            return Promise.resolve();
        }

        function inner() {
            return Promise.resolve();
        }

        function evenMoreInner() {
            a.b.c.d()
        }

        Promise.resolve()
            .then(outer)
            .then(inner)
            .then(evenMoreInner())
            .catch(function (err) {
                    console.log(err.message);
                    console.log(err.stack);
                });

错误信息：

ReferenceError: a is not defined
at evenMoreInner (test/test_promise.js:58:17)  <<<< HERE's the error!
at Context.<anonymous> (test/test_promise.js:64:23)

_{*这并不能直接回答您的问题，但是仍然有帮助。}

Chrome devtools最近获得了一项新功能，可用于调试异步代码，例如Promises。

http://www.html5rocks.com/zh-CN/tutorials/developertools/async-call-stack/

基本上，启用“来源”标签中的“异步”复选框，Chrome会为您重建调用堆栈，就好像它是同步代码一样。

他们似乎正在使用Chrome中的调试工具。有关更多信息，请参见此线程。

https://code.google.com/p/v8/issues/detail?id=3093

我没有检查过它是否已经在开发版或Beta版中，但我希望很快。然后可能会在2015年1月左右将其包含在普通版本中（只是个人猜测，绝对没有保证，因为我什至不为Google工作）。

调试承诺的最佳方法是侦听您的unhandledRejection事件process。

例如，这是设置和转储堆栈跟踪的方法...

 process.on('unhandledRejection', (reason, p) => {
   console.log('Unhandled Rejection at: Promise', p, 'reason:', reason);
   // Stack Trace
   console.log(reason.stack);
 });

您可以在Promise对象的.then（）函数中添加console.log（）语句：如果需要，还可以添加.catch（）。

genericDbCaller(dbName, collectionName, dbFunctionName, params) {
        return new Promise((resolve, reject) => {
            DatabaseContext.instance.getDbConn(dbName)
                .then((dbConn) => {
                    dbConn.get(collectionName)[dbFunctionName].apply(null, params)
                        .then(

                            (docs) =>{
                    ----->>>        console.log(docs);  
                            resolve(docs);
                        })
                        .catch((e)=>{