前端Promise异步调用

Promise是一种用于处理异步操作的JavaScript对象。它可以将异步操作封装成一个Promise对象，并通过链式调用的方式处理异步操作的结果。

下面是一个使用Promise的前端异步调用的例子：

// 创建一个异步任务
function asyncTask() {
  return new Promise(function(resolve, reject) {
    // 模拟异步操作
    setTimeout(function() {
      // 异步操作成功，调用resolve并传递结果
      resolve('Async operation completed');
    }, 2000);
  });
}

// 调用异步任务
asyncTask()
  .then(function(result) {
    // 异步操作成功时的回调函数
    console.log(result);
  })
  .catch(function(error) {
    // 异步操作失败时的回调函数
    console.error(error);
  });

在上面的例子中，我们首先定义了一个名为`asyncTask`的函数，它返回一个Promise对象。在Promise的构造函数中，我们执行了一个模拟的异步操作，并在异步操作完成后调用了`resolve`函数来传递异步操作的结果。

然后，我们通过调用`asyncTask()`来执行异步任务，并使用`.then()`方法注册了一个成功回调函数和`.catch()`方法注册了一个失败回调函数。当异步操作成功时，成功回调函数会被调用并接收到异步操作的结果；当异步操作失败时，失败回调函数会被调用并接收到错误信息。