Promise 对象是 JavaScript 中进行异步编程的重要工具之一，它可以有效地处理异步操作过程中的结果和错误，从而使代码更加简洁和易于维护。在 ES8 中，Promise 对象新增了一个有用的方法 finally()，用来指定一个不管 Promise 最终状态如何都必须执行的回调函数，可以帮助我们更好地处理一些特殊的业务场景。
finally() 方法的语法
finally() 方法是 Promise 对象的实例方法，它在 Promise 对象的状态发生改变时都会被调用，其语法形式如下：
promise.finally(onFinally)
其中，onFinally 是一个回调函数，无论 Promise 对象的状态最终是 fulfilled 还是 rejected，该函数都会被调用。onFinally 函数不接受任何参数，也不能修改 Promise 对象的状态，但是它可以在 Promise 执行结束后进行一些资源释放或清理操作，比如关闭文件句柄、断开数据库连接等。
finally() 方法的使用示例
下面我们通过一个简单的示例来说明 finally() 方法的使用场景。假设我们需要从服务器端加载一些数据，然后在页面上进行展示。在加载数据的过程中，我们需要显示一个 Loading 动画，以增强用户体验。同时，无论数据加载成功或失败，我们都需要停止 Loading 动画，以避免浪费用户的带宽和资源。
在 ES6 及之前的版本中，我们可能会这样写：
showLoading();
fetchData().then(data => {
renderData(data);
hideLoading();
}).catch(error => {
showError(error);
hideLoading();
});上述代码中，showLoading() 和 hideLoading() 函数分别用于显示和隐藏一个 Loading 动画，fetchData() 函数返回一个 Promise 对象，用于异步加载数据。在 then() 方法中，我们展示了数据并同时隐藏了 Loading 动画，在 catch() 方法中，我们展示了错误信息并隐藏了 Loading 动画。这样写的问题在于，无论 then() 方法还是 catch() 方法都可能抛出异常，导致 hideLoading() 函数无法执行，从而造成资源泄漏。
在 ES8 中，我们可以使用 finally() 方法来改进上述代码：
showLoading();
fetchData().then(data => {
renderData(data);
}).catch(error => {
showError(error);
}).finally(() => {
hideLoading();
});可以看到，在 finally() 方法中，我们移除了所有的错误处理逻辑，并将 hideLoading() 函数放在了 finally() 方法内。这样无论 Promise 对象的状态最终是 fulfilled 还是 rejected，finally() 方法都会被调用，从而保证了 Loading 动画的准确操作。
finally() 方法的指导意义
finally() 方法是 Promise 对象提供的一种强制性回调机制，它解决了 Promise 对象状态管理过程中的一些常见问题，比如资源释放、回收资源、关闭连接等。如今，我们在前端应用程序开发中，异步操作已经成为了日常工作的重要部分，因此，对于 Promise 对象的使用技巧和优化技术的掌握，将产生极大的指导意义。
总结
总的来说，ES8 中新增的 finally() 方法，能够帮助开发者更好地管理和处理异步操作状态，避免资源泄漏和错误继续蔓延。在实际应用中，我们可以灵活采用这个方法，充分发挥它的特性和效果，以提升应用程序的性能和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6493f80848841e9894187920