Promise 的基本原理

Promise 是 JavaScript 中处理异步操作的一种对象,它的内部原理如下:

1. Promise 对象在创建时接收一个函数作为参数,这个函数有两个参数,分别是 resolve 和 reject,它们都是函数类型。这个函数被称为 "executor" 函数,当 Promise 对象被创建时,executor 函数会立即执行。

let promise = new Promise((resolve, reject) => {
    // 异步操作
});

2. resolve 函数和 reject 函数是由 JavaScript 引擎提供的,当异步操作成功时,我们调用 resolve 函数来改变 Promise 对象的状态,当异步操作失败时,我们调用 reject 函数来改变 Promise 对象的状态。

let promise = new Promise((resolve, reject) => {

    // 异步操作成功

    resolve(value);

    // 或者异步操作失败

    reject(error);

});


3. Promise 对象有三种状态:pending(等待),fulfilled(完成),rejected(拒绝)。Promise 对象被创建时,其状态为 pending,当我们调用 resolve 函数或 reject 函数时,状态会改变为 fulfilled 或 rejected,并且状态一旦改变,就不能再次改变。

4. Promise 对象提供了 then 方法,我们可以通过 then 方法来指定 Promise 对象状态改变时的回调函数。

promise.then(value => {

    // 当 Promise 对象的状态变为 fulfilled 时,这个回调函数会被调用

}, error => {

    // 当 Promise 对象的状态变为 rejected 时,这个回调函数会被调用

});

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise是一种异步编程的解决方案,它可以避免回调地狱,使得异步操作更加优雅和易于维护。Promise有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。当Promise处于pending状态时,可以转化为fulfilled或rejected状态,一旦状态确定就不可再改变。 Promise的基本实现原理是通过构造函数创建一个Promise对象,该对象包含一个then方法和一个catch方法。在Promise对象内部,有一个状态变量和一个结果变量,当异步操作完成后,会根据操作结果修改状态变量和结果变量,并且执行相应的回调函数。 下面是Promise的基本实现代码: ``` function Promise(fn) { var state = 'pending'; var value = null; var callbacks = []; this.then = function(onFulfilled, onRejected) { return new Promise(function(resolve, reject) { handle({ onFulfilled: onFulfilled || null, onRejected: onRejected || null, resolve: resolve, reject: reject }); }); }; this.catch = function(onError) { return this.then(null, onError); }; function handle(callback) { if (state === 'pending') { callbacks.push(callback); return; } var cb = state === 'fulfilled' ? callback.onFulfilled : callback.onRejected; var next = state === 'fulfilled' ? callback.resolve : callback.reject; if (!cb) { next(value); return; } try { var ret = cb(value); next(ret); } catch (e) { callback.reject(e); } } function resolve(newValue) { if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) { var then = newValue.then; if (typeof then === 'function') { then.call(newValue, resolve, reject); return; } } state = 'fulfilled'; value = newValue; setTimeout(function() { callbacks.forEach(function(callback) { handle(callback); }); }, 0); } function reject(reason) { state = 'rejected'; value = reason; setTimeout(function() { callbacks.forEach(function(callback) { handle(callback); }); }, 0); } fn(resolve, reject); } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值