众所周知~，每次面试面的好好地突然就要考你一道手撕题，emmm，很烦！能说出来个123还好，说不出来就更加烦了！emmm，没办法，2023，该学还得学，该卷还得卷，今天带大家过一遍Promise.resolve()手撕！希望本文能给大家带来帮助。
在JavaScript中，Promise.resolve方法是一个非常有用的工具，可以将任何值包装成一个Promise对象。它的作用是返回一个Promise对象，该对象已经解析为给定的值（如果该值本身不是Promise）或返回该值本身（如果该值是Promise）。
在本篇文章中，我们将手动模拟实现JS中的Promise.resolve方法，以加深对Promise对象的理解。
首先，让我们回顾一下Promise的基本结构。Promise是一种异步编程的技术，它可以将异步操作封装成一个对象，并且允许我们在异步操作完成后进行一些处理。一个Promise对象具有三种状态：Pending（等待中）、Fulfilled（已成功）和Rejected（已失败）。一旦Promise对象的状态从Pending变为Fulfilled或Rejected，它就不能再改变了。
现在让我们来手动实现Promise.resolve方法。我们将创建一个名为PromiseResolve的类，并在该类中实现resolve方法。resolve方法接收一个参数，该参数可以是任何类型的值，包括Promise对象。如果参数是Promise对象，则返回该对象本身；否则，返回一个新的Promise对象，该对象已经解析为给定的值。
以下是我们手动实现的代码：
class PromiseResolve {
static resolve(value) {
if (value instanceof Promise) {
return value;
}
return new Promise((resolve) => {
resolve(value);
});
}
}
在上面的代码中，我们首先检查传递给resolve方法的参数是否是Promise对象。如果是，则直接返回该对象本身。否则，我们创建一个新的Promise对象，并在该对象的构造函数中调用resolve方法，将参数传递给resolve方法。
现在我们来测试一下我们的手动实现是否正确。我们将使用以下示例代码：
const promise1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve("Promise 1 resolved");
}, 1000);
});
const promise2 = Promise.resolve("Promise 2 resolved");
const promise3 = PromiseResolve.resolve("Promise 3 resolved");
Promise.all([promise1, promise2, promise3]).then((values) => {
console.log(values);
});
在上面的代码中，我们创建了三个Promise对象：promise1、promise2和promise3。其中，promise1是通过setTimeout模拟的异步操作，它将在1秒后成功；promise2是使用Promise.resolve方法创建的Promise对象；promise3是使用我们手动实现的PromiseResolve类创建的Promise对象。
我们使用Promise.all方法来等待这三个Promise对象都完成，然后将它们的值打印到控制台上。如果我们的手动实现正确，我们应该在控制台上看到以下输出：
[ 'Promise 1 resolved', 'Promise 2 resolved', 'Promise 3 resolved' ]
可以看到，我们手动实现的Promise.resolve方法与JavaScript内置的Promise.resolve方法一样有效。
总结：在本篇文章中，我们手动模拟实现了JS中的Promise.resolve方法。通过自己实现，我们可以更深入地理解Promise对象的工作原理。在实现Promise.resolve方法的过程中，我们学习了Promise对象的基本结构、状态和resolve方法的实现方式。我们也看到了如何创建一个Promise对象，并且将其用于异步操作。
Promise对象是现代JavaScript中非常有用的工具，它可以帮助我们简化异步编程的复杂性，并且让我们的代码更易于维护和扩展。当我们使用Promise对象时，我们应该牢记Promise对象的三种状态：Pending、Fulfilled和Rejected，并且在处理Promise对象时，我们应该考虑这三种状态的可能性。
在实际开发中，我们通常会使用JavaScript内置的Promise对象，而不是手动实现我们自己的Promise对象。但是，通过手动实现Promise对象的基本方法，我们可以更深入地理解Promise对象的工作原理，并且能够更好地应用Promise对象来处理异步操作。
OK,今天的文章就到这里了，看完本文如果觉得对你有些许帮助的话，记得三连呐！
我是爱分享前端基础知识的茶茶茶茶茶 茶老师！
