JavaScript中手写promise ?
在 JavaScript 中,Promise 是一个代表了异步操作最终完成或者失败的对象。我们可以手动创建一个 Promise,如下所示:
function MyPromise(executor) {
let self = this;
self.status = 'pending'; // Promise 当前的状态
self.value = undefined; // Promise 的值
self.reason = undefined; // Promise 失败的原因
// 成功
function resolve(value) {
if (self.status === 'pending') {
self.status = 'fulfilled';
self.value = value;
}
}
// 失败
function reject(reason) {
if (self.status === 'pending') {
self.status = 'rejected';
self.reason = reason;
}
}
try {
executor(resolve, reject);
} catch (error) {
reject(error);
}
}
MyPromise.prototype.then = function(onFulfilled, onRejected) {
let self = this;
if (self.status === 'fulfilled') {
onFulfilled(self.value);
}
if (self.status === 'rejected') {
onRejected(self.reason);
}
}
这是一个最基础的 Promise 实现,它包含了 Promise 的基本逻辑。但是,这个实现还缺少很多真正的 Promise 具备的功能,比如链式调用、异步支持、错误处理、catch
方法、Promise.all
方法、Promise.race
方法等等。
在实际开发中,我们通常使用内置的 Promise 对象,因为它已经实现了完整的功能,并且经过了大量的测试和优化。