原生javascript使用(原生js实现promise)

原生JavaScript是指使用JavaScript语言本身提供的功能和特性来实现某种功能，而不依赖于任何第三方库或框架。在原生JavaScript中，我们可以使用一些特定的语法和方法来创建和使用Promise对象。

Promise是一种用于处理异步操作的对象，它表示一个异步操作的最终完成或失败，并可以返回结果或错误信息。使用Promise可以避免回调地狱，使异步代码更加可读和易于维护。

要创建一个Promise对象，我们可以使用Promise构造函数，该构造函数接受一个回调函数作为参数，这个回调函数又接受两个参数resolve和reject。resolve用于将Promise从pending状态变为fulfilled状态，而reject用于将Promise从pending状态变为rejected状态。

下面是一个简单的示例，演示了如何使用原生JavaScript实现一个简单的Promise对象：

function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      const data = 'Hello, world!';
      if (data) {
        resolve(data); // 将Promise从pending状态变为fulfilled状态，并返回data
      } else {
        reject('Error: Data not found.'); // 将Promise从pending状态变为rejected状态，并返回错误信息
      }
    }, 2000);
  });
}
fetchData()
  .then((data) => {
    console.log(data); // 在Promise对象fulfilled时执行
  })
  .catch((error) => {
    console.error(error); // 在Promise对象rejected时执行
  });

在上面的示例中，fetchData函数返回一个Promise对象。在Promise的构造函数中，我们模拟了一个异步操作，使用setTimeout函数模拟了一个2秒钟后返回数据的情况。如果数据存在，我们调用resolve函数将Promise的状态从pending变为fulfilled，并将数据传递给.then方法中的回调函数。如果数据不存在，我们调用reject函数将Promise的状态从pending变为rejected，并将错误信息传递给.catch方法中的回调函数。

在.then方法中，我们可以处理Promise对象fulfilled时的逻辑，而在.catch方法中，我们可以处理Promise对象rejected时的逻辑。这样，我们就可以根据Promise对象的状态来执行相应的操作，使代码更加清晰和易于理解。

除了.then和.catch方法外，Promise对象还提供了其他一些方法，如.all、.race和.resolve等。.all方法接受一个Promise对象数组作为参数，并返回一个新的Promise对象，该对象在所有Promise对象都fulfilled时才fulfilled，否则一旦有一个Promise对象rejected，就立即返回rejected状态。.race方法接受一个Promise对象数组作为参数，并返回一个新的Promise对象，该对象在任何一个Promise对象fulfilled或rejected时都会立即返回相应的状态。.resolve方法用于创建一个已经fulfilled的Promise对象。

总结一下，使用原生JavaScript实现Promise对象可以帮助我们更好地处理异步操作，避免回调地狱，使代码更加可读和易于维护。在使用Promise时，我们可以利用Promise的状态来执行相应的操作，通过.then和.catch方法处理Promise对象fulfilled和rejected时的逻辑。Promise对象还提供了其他一些方法，如.all、.race和.resolve等，用于更灵活地处理异步操作。