Promise 是 JavaScript 中一种用于异步编程的技术,它可以帮助我们更好地处理异步操作,避免回调地狱等问题。在 ES2015 中,Promise 被正式引入了 JavaScript 标准库中,并成为了一种标准的异步编程方式。随着时间的推移,Promise 也不断发展和完善,ES2019 引入了一些新的特性,本文将对这些新特性进行详细介绍,并提供一些示例代码和指导意义。
Promise.allSettled()
Promise.allSettled() 是 ES2019 中引入的一个新特性,它可以用于处理多个 Promise 对象的状态。在 Promise.all() 中,只要有一个 Promise 对象状态变为 rejected,就会立即返回一个 rejected 的 Promise 对象,而 Promise.allSettled() 则不同,它会等待所有 Promise 对象的状态都被 settled(即 fulfilled 或 rejected),然后返回一个包含所有 Promise 对象状态的数组,无论 Promise 对象的状态是 fulfilled 还是 rejected。
下面是一个使用 Promise.allSettled() 的示例代码:
// javascriptcn.com 代码示例 const promises = [ Promise.resolve('Promise 1 fulfilled.'), Promise.reject(new Error('Promise 2 rejected.')), Promise.resolve('Promise 3 fulfilled.') ]; Promise.allSettled(promises) .then(results => { console.log(results); }) .catch(error => { console.error(error); });
输出结果为:
[ { status: 'fulfilled', value: 'Promise 1 fulfilled.' }, { status: 'rejected', reason: Error: Promise 2 rejected. at <anonymous>:3:22 }, { status: 'fulfilled', value: 'Promise 3 fulfilled.' } ]
从结果可以看出,Promise.allSettled() 返回了一个数组,包含了所有 Promise 对象的状态,其中每个元素都包含了 status 和 value 或 reason 两个属性,分别表示 Promise 对象的状态和结果或错误信息。
Promise.try()
Promise.try() 是 ES2019 中引入的另一个新特性,它可以用于捕获同步或异步函数中的错误,并将错误信息作为 rejected 的 Promise 对象进行返回。在以往的代码中,我们通常需要使用 try-catch 语句来捕获错误,但是对于异步函数来说,这种方式并不适用,因为 try-catch 无法捕获异步函数中的错误。Promise.try() 则可以解决这个问题,它可以将同步或异步函数转换为 Promise 对象,并在函数执行出错时返回 rejected 的 Promise 对象。
下面是一个使用 Promise.try() 的示例代码:
// javascriptcn.com 代码示例 const syncFunction = () => { throw new Error('Sync function error.'); }; const asyncFunction = async () => { throw new Error('Async function error.'); }; Promise.try(() => syncFunction()) .catch(error => console.error(error)); Promise.try(() => asyncFunction()) .catch(error => console.error(error));
输出结果为:
// javascriptcn.com 代码示例 Error: Sync function error. at <anonymous>:2:9 at Promise.try (<anonymous>) at <anonymous>:8:1 Error: Async function error. at asyncFunction (<anonymous>:6:9) at Promise.try (<anonymous>) at <anonymous>:12:1
从结果可以看出,Promise.try() 成功地捕获了同步和异步函数中的错误,并将错误信息作为 rejected 的 Promise 对象进行返回。
Promise.prototype.finally()
Promise.prototype.finally() 是 ES2018 中引入的一个新特性,它可以用于在 Promise 对象状态变为 settled(即 fulfilled 或 rejected)后执行一些操作,无论 Promise 对象的状态是 fulfilled 还是 rejected。在以往的代码中,我们通常需要在 then() 或 catch() 方法中分别执行一些操作,但是这种方式存在一些问题,比如代码重复、可读性差等。Promise.prototype.finally() 则可以解决这个问题,它可以在 Promise 对象状态变为 settled 后执行一些操作,无论 Promise 对象的状态是 fulfilled 还是 rejected。
下面是一个使用 Promise.prototype.finally() 的示例代码:
Promise.resolve('Promise fulfilled.') .finally(() => console.log('Promise settled.')); Promise.reject(new Error('Promise rejected.')) .finally(() => console.log('Promise settled.'));
输出结果为:
Promise settled. Promise settled.
从结果可以看出,Promise.prototype.finally() 成功地在 Promise 对象状态变为 settled 后执行了一些操作,无论 Promise 对象的状态是 fulfilled 还是 rejected。
总结
本文对 ES2019 中引入的 Promise 新特性进行了详细介绍,包括 Promise.allSettled()、Promise.try() 和 Promise.prototype.finally(),并提供了一些示例代码和指导意义。通过学习这些新特性,我们可以更好地处理异步编程中的问题,提高代码质量和可读性。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/653bc9b47d4982a6eb612404