javascript - Node.js 中的嵌套 promise 是否正常？

Question

在学习 Node.js 的过程中，我已经苦苦挣扎了两周的问题是如何使用 node.js 进行同步编程。我发现无论我如何尝试按顺序做事，我总是以嵌套的 promises 告终。我发现有诸如 Q 之类的模块可以在可维护性方面帮助实现 promise 链。

我做研究的时候不明白的是Promise.all()、Promise.resolve()和Promise.reject()。 Promise.reject 从名称上看几乎是不言自明的，但是在编写应用程序时，我对如何在不破坏应用程序行为的情况下将任何这些包含在函数或对象中感到困惑。

从 Java 或 C# 等编程语言学习 Node.js 肯定有一个学习曲线。仍然存在的问题是，Promise 链在 Node.js 中是否正常(最佳实践)。

例子:

driver.get('https://website.example/login').then(function () {
    loginPage.login('company.admin', 'password').then(function () {
        var employeePage = new EmployeePage(driver.getDriver());

        employeePage.clickAddEmployee().then(function() {
            setTimeout(function() {
                var addEmployeeForm = new AddEmployeeForm(driver.getDriver());

                addEmployeeForm.insertUserName(employee.username).then(function() {
                    addEmployeeForm.insertFirstName(employee.firstName).then(function() {
                        addEmployeeForm.insertLastName(employee.lastName).then(function() {
                            addEmployeeForm.clickCreateEmployee().then(function() {
                                employeePage.searchEmployee(employee);
                            });
                        });
                    });
                });
            }, 750);
        });
    });
});

Answer 1

不，Promises 的一大优势是您可以保持异步代码线性而不是嵌套(来自延续传递风格的回调 hell )。

Promise 为您提供 return 语句和错误抛出，而您会因延续传递风格而失去这些。

您需要从异步函数中返回 promise ，以便您可以链接返回的值。

这是一个例子:

driver.get('https://website.example/login')
  .then(function() {
    return loginPage.login('company.admin', 'password')
  })
  .then(function() {
    var employeePage = new EmployeePage(driver.getDriver());
    return employeePage.clickAddEmployee();
  })
  .then(function() {
    setTimeout(function() {
      var addEmployeeForm = new AddEmployeeForm(driver.getDriver());

      addEmployeeForm.insertUserName(employee.username)
        .then(function() {
          return addEmployeeForm.insertFirstName(employee.firstName)
        })
        .then(function() {
          return addEmployeeForm.insertLastName(employee.lastName)
        })
        .then(function() {
          return addEmployeeForm.clickCreateEmployee()
        })
        .then(function() {
          return employeePage.searchEmployee(employee)
        });
    }, 750);
});

Promise.all 接受一个promise 数组，并在所有promise 解析后解析，如果有任何promise 被拒绝，则该数组被拒绝。这允许您并发而不是串行执行异步代码，并且仍然等待所有并发函数的结果。如果您对线程模型感到满意，请考虑生成线程然后加入。

例子:

addEmployeeForm.insertUserName(employee.username)
    .then(function() {
        // these two functions will be invoked immediately and resolve concurrently
        return Promise.all([
            addEmployeeForm.insertFirstName(employee.firstName),
            addEmployeeForm.insertLastName(employee.lastName)
        ])
    })
    // this will be invoked after both insertFirstName and insertLastName have succeeded
    .then(function() {
        return addEmployeeForm.clickCreateEmployee()
    })
    .then(function() {
        return employeePage.searchEmployee(employee)
    })
    // if an error arises anywhere in the chain this function will be invoked
    .catch(function(err){
        console.log(err)
    });

Promise.resolve() 和 Promise.reject() 是创建 Promise 时使用的方法。它们用于使用回调包装异步函数，以便您可以使用 Promises 而不是回调。

Resolve 将解决/履行 promise (这意味着将使用结果值调用链式 then 方法)。Reject 将拒绝 promise (这意味着不会调用任何链接的 then 方法，但会调用第一个链接的 catch 方法出现的错误)。

我保留了您的 setTimeout 以保留您的程序行为，但这可能是不必要的。