返回

Promise：异步编程的得力助手（三）

前端


<html>
<head>
</head>
<body>
  <h1>Promise：异步编程的得力助手（三）</h1>
  <p>大家好，欢迎来到Promise系列文章的第三篇。在这一篇中，我们将深入探讨getNumber函数，它是一个用来异步获取数字的函数，并在2秒后执行完成。如果数字小于等于5，我们认为是“成功”了，并调用resolve，否则调用reject。</p>
  <h2>getNumber函数</h2>
  <p>getNumber函数的语法如下：</p>

function getNumber() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const number = Math.floor(Math.random() * 10);
if (number <= 5) {
resolve(number);
} else {
reject(new Error('数字大于5'));
}
}, 2000);
});
}


  <p>getNumber函数首先返回一个Promise对象，然后在Promise对象中定义两个函数，resolve和reject。resolve函数用于在异步操作成功时调用，reject函数用于在异步操作失败时调用。</p>
  <p>在getNumber函数中，我们使用setTimeout函数模拟一个异步操作，并在2秒后执行完成。在异步操作完成时，我们随机生成一个数字，如果数字小于等于5，我们调用resolve函数，并将数字作为参数传入。否则，我们调用reject函数，并传入一个错误对象。</p>
  <h2>使用getNumber函数</h2>
  <p>我们可以通过以下代码来使用getNumber函数：</p>

getNumber()
.then((number) => {
console.log('成功获取数字：', number);
})
.catch((error) => {
console.error('获取数字失败：', error);
});


  <p>在上面的代码中，我们首先调用getNumber函数，并使用then方法来处理成功的结果。如果getNumber函数成功执行，则then方法中的回调函数将被调用，并传入数字作为参数。如果getNumber函数失败执行，则catch方法中的回调函数将被调用，并传入错误对象作为参数。</p>
  <p>Promise是一个非常强大的工具，它可以帮助我们轻松地处理异步操作。在下一篇Promise系列文章中，我们将探讨如何使用Promise来处理多个异步操作。</p>
  <p>谢谢阅读！</p>
</body>
</html>