Hello World

Promise.prototype.finally()

# Promise.prototype.finally()

指定不管最后状态如何都会执行的回调函数。

Promise.prototype.finally() 方法返回一个 Promise，在 promise 执行结束时，无论结果是 fulfilled 或者是 rejected，在执行 then() 和 catch() 后，都会执行 finally() 指定的回调函数。

这为指定执行完 promise 后，无论结果是 fulfilled 还是 rejected 都需要执行的代码提供了一种方式，避免同样的语句需要在 then() 和 catch () 中各写一次的情况。

基本语法

p.finally(onFinally)

示例

new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('success')
    // reject('fail')
  }, 1000)
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
}).finally(() => {
  console.log('finally')
})
1
2
3
4
5
6
7
8
9
10
11
12

# 场景 1：loading 关闭

一般的界面设计中，每次发送请求都会有 loading 提示，请求发送完毕，就需要关闭 loading 提示框，不然界面就无法被点击。因为不管请求成功或是失败，这个 loading 都需要关闭掉，这时把关闭 loading 的代码写在 finally 里再合适不过了。

# 场景 2：数据库断开链接

let connection
db.open()
  .then(conn => {
    connection = conn
    return connection.select({
      name: 'zhangsan'
    })
  })
  .then(result => {
    // Process result
    // Use `connection` to make more queries
  })···
  .catch(error => {
    // handle errors
  })
  .finally(() => {
    connection.close()
  })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 参考资料

（完）

Object.fromEntries()