JavaScript Promise then()用法及代码示例

每当承诺得到解决时，就会调用 JavaScript Promise then() 方法。它从已解决的承诺中获取数据。它最多可以接受两个参数，分别是已完成和已拒绝案例的回调函数。就像 catch() 方法一样，它也返回一个 Promise，因此它用于链接 Promise。

用法:

then(successFunc, rejectFunc)

参数：它通常最多需要两个参数，第二个参数是可选的。这些参数从 Promise 接收数据

• successFunc: 当 Promise 被解析时，这个异步回调函数就会被执行
• rejectFunc: 当 Promise 被拒绝时执行此异步回调函数

返回值：此方法返回一个处于挂起状态的 Promise，即使前一个 Promise 已完成也是如此。

示例 1：此示例使用 then 方法来处理 Promise 的解析状态。

let prom1 = new Promise((resolve, reject)=>{
    resolve("Success");
})
.then(e=>{console.log("Hello Successful")})

输出：

Hello Successful

示例 2：此示例使用 then 方法通过传递第二个参数来处理 Promise 的拒绝。

let prom1 = new Promise((resolve, reject)=>{
    reject("Rejected");
})
.then(e=>{console.log("Hello Successful")}, e=>{console.log(e)})

输出：

Rejected

示例 3：此示例使用 then 方法来链接 Promise。

let prom1 = new Promise((resolve, reject)=>{
    resolve("Successful");
})
.then(e=>{ 
            console.log(e)
            return "Completed"
      })
.then(e=>{console.log(e)})

输出：第一个 then 返回由第二个 then 块处理的 Promise

Successful
Completed

支持的浏览器：

• Chrome
• Edge
• Firefox
• Opera
• Safari

我们有 Javascript Promise 方法的完整列表，要检查这些方法，请阅读 Javascript Promise Reference 文章