前端经典面试题合集, 什么是 ES6 中的 Promise?它的使用场景有哪些?

Step 1

Q:: 什么是 ES6 中的 Promise？

A:: Promise 是 ES6 引入的一种异步编程解决方案，用于替代传统的回调函数。它代表一个异步操作的最终结果（成功或失败），并提供了一种链式调用的方式来处理异步操作。Promise 有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

Step 2

Q:: Promise 的基本用法是什么？

A:: Promise 的基本用法包括创建 Promise 对象、处理 Promise 状态的变化。示例代码如下：

 
let promise = new Promise((resolve, reject) => {
  // 异步操作
  if (成功) {
    resolve(value);
  } else {
    reject(error);
  }
});
promise.then(value => {
  // 成功时的回调
}).catch(error => {
  // 失败时的回调
});
 

Step 3

Q:: Promise 的使用场景有哪些？

A:: Promise 通常用于处理异步操作，例如网络请求、文件读取、定时器操作等。在前端开发中，常见的使用场景包括通过 Fetch API 进行 HTTP 请求、处理异步的用户输入事件、链式处理多个异步操作等。

Step 4

Q:: 如何实现 Promise 链？

A:: Promise 链是通过在 then() 方法中返回新的 Promise 实例来实现的。每个 then() 方法可以返回一个新的 Promise，从而允许我们链式处理一系列异步操作。例如：

 
fetch(url)
  .then(response => response.json())
  .then(data => process(data))
  .catch(error => console.error(error));
 

Step 5

Q:: 如何使用 Promise.all() 和 Promise.race()？

A:: Promise.all() 接受一个 Promise 数组，当所有 Promise 都成功时才会 resolve，否则会 reject。Promise.race() 也是接受一个 Promise 数组，当第一个 Promise 处理结束时（无论成功还是失败）就会 resolve 或 reject。例如：

 
Promise.all([promise1, promise2]).then(values => {
  // 所有 Promise 都成功
}).catch(error => {
  // 其中一个 Promise 失败
});
Promise.race([promise1, promise2]).then(value => {
  // 第一个完成的 Promise
}).catch(error => {
  // 第一个失败的 Promise
});