透过面试官的视角审视Promise

前端

2023-12-01 13:10:43

作为一个面试官，我曾多次考察求职者对Promise的理解。遗憾的是，不少人被一道“手写Promise”的题目难倒了。其实，出这道题的目的并不是要考察求职者的编程技能，而是要检验他们对Promise的整体掌握情况。

Promise是JavaScript中一个非常重要的概念，它可以帮助我们处理异步操作。虽然Promise的使用并不复杂，但它背后的原理却并不容易理解。因此，在面试中，我常常会发现求职者对Promise的理解存在一些误区。

误区一：Promise是一个函数

有些人认为Promise是一个函数，其实这是一个误解。Promise是一个对象，它代表了一个异步操作的结果。当异步操作完成时，Promise会改变状态，并调用相应的回调函数。

误区二：Promise只能用来处理异步操作

这是另一个常见的误区。Promise不局限于异步操作，它还可以用来处理同步操作。当一个同步操作完成时，Promise也会改变状态，并调用相应的回调函数。

误区三：Promise只能有一个回调函数

这是最后一个常见的误区。Promise可以有多个回调函数。当Promise改变状态时，所有注册到该Promise上的回调函数都会被调用。

实例：如何使用Promise

为了帮助你更好地理解Promise，我将举一个简单的例子。假设我们有一个函数，这个函数会异步地向服务器发送请求，并返回一个结果。我们可以使用Promise来处理这个异步操作。

function getData() {
  return new Promise((resolve, reject) => {
    // 这里模拟一个异步操作
    setTimeout(() => {
      if (Math.random() > 0.5) {
        resolve('成功');
      } else {
        reject('失败');
      }
    }, 1000);
  });
}

getData()
  .then((data) => {
    console.log('成功：', data);
  })
  .catch((error) => {
    console.log('失败：', error);
  });