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 时,这个回调函数会被调用

});

手写Promise是一个模拟JavaScript原生Promise的机制,用于处理异步操作的结果。其核心原理主要包括以下几个步骤: 1. **构造函数**:创建一个新的Promise实例,它包含三种状态:pending(等待中)、fulfilled(已成功)和rejected(已失败)。这三个状态是Promise对象的基本属性。 ```javascript function Promise(executor) { let resolve, reject; const promise = { then(onFulfilled, onRejected): Promise, catch(onRejected): Promise, // 等同于then(null, onRejected) state: 'pending', value: undefined, reason: undefined }; try { executor(resolve, reject); } catch (error) { reject(error); } return promise; } ``` 2. **回调函数**:`executor`接收两个函数作为参数,`resolve`用于将Promise从等待状态变为已完成状态并传递结果,`reject`用于将Promise变为已拒绝状态并传递错误。 3. **链式调用**:`then`方法接受两个回调函数,当Promise状态改变时,会依次执行这两个函数。如果当前状态已经是fulfilled,那么就调用第一个回调;如果是rejected,就调用第二个回调(默认的catch方法)。返回的是新的Promise,保持了链式调用的特点。 4. **状态转换**:只有在`resolve`或`reject`内部调用才会改变Promise的状态,外部无法直接修改状态。这样保证了一旦状态确定就不会再变化,提高了代码的可靠性。 ```javascript promise.then((value) => { if (/* 检查状态为fulfilled */) { // 成功处理值 return processValue(value); // 返回另一个Promise } else { throw new Error('处理失败'); } }, (reason) => { // 处理错误 }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值