JS简单实现Promis(没有实现then链调用)

JS简单实现Promis(没有实现then链调用)

// 实现Promise
function _Promise(fn){
  // 要求接收的fn必须是一个函数,否则报错
  if(typeof fn !== 'function') {
    throw new TypeError('_Promise resolver undefined is not a function')
  }
  // 每个实例应该有这两个属性:state,result
  this.state = 'pending'; // 初始状态为 pending
  this.result = undefined;  // 初始结果为 undefined

  // 事件池(自定义):这里存放的是then中传递的A函数和B函数
  this.eventPool = {
    A: function(){},
    B: function(){}
  }
  // 立即执行传递进来的fn函数:但是在执行fn的时候得给fn床底两个函数 resolev,reject
  var that = this;
  function resolve(res){ 
    // 这里接收一个参数,作为当前实例的result值
    // 执行这个函数的时候会将当前实例的状态从 pending转为 resolved
    /* if(that.state !== 'pending') return;
    that.state = 'resolved';
    that.result = res; */
    change('resolved', res)
  }
  function reject(rej){
    // 这里接收一个参数,作为当前实例的result值
    // 执行这个函数的时候会将当前实例的状态从 pending转为 rejected
   /*  if(that.state !== 'pending') return;
    that.state = 'rejected';
    that.result = rej; */
    change('rejected', rej)
  }
  // resolve函数和reject函数代码冗余,整合成一个
  function change(state, result){
    // 如果状态已经不是初始状态了,则直接退出,否则改变其状态和结果,并同时事件池中对应的函数执行
    if(that.state !== 'pending') return; 
    that.state = state;
    that.result = result;
    // 通知事件执行时异步的
    setTimeout(function(){
      that.state === 'resolved'? that.eventPool.A(that.result): that.eventPool.B(result);
    })
  }
  // 注意:执行fn的时候,如果有报错,则当前实例的状态为失败,值为失败的原因
  try{
    fn(resolve, reject); 
  }catch(err){
    change('rejected', err);
  }
}

// _Promise的原型上有一个then方法,该方法接收两个函数A和B,根据实例的状态自动识别执行A还是B
_Promise.prototype.then = function(A, B){
  // this:当前_Promise的实例
  this.eventPool.A = A;
  this.eventPool.B = B;
}

// 快速创建一个状态为成功的实例
_Promise.resolve = function(res) {
  return new _Promise(function(resolve){
    resolve(res)
  });
};

// 快速创建一个状态为失败的案例
_Promise.reject = function(res) {
  return new _Promise(function(undefined, rejecte){
    rejecte(res)
  });
};

let p = new _Promise(function(resolve, reject){
  // resolve(200);
  reject(300);
});

p.then(res=>{
  console.log(res);
}, rej=>{
  console.log(rej);
});

_Promise.resolve(200).then(res=>{
  console.log(res)
});

_Promise.reject(400).then(res=>{}, rej=>{
  console.log('失败', rej)
});

console.log('同步');
/* 
 * 输出结果:
           同步
           300
           200
          失败 400
*/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用Promise对象将函数转换为异步。Promise是一种用于处理异步操作的对象,它可以表示一个异步操作的最终完成或失败,并返回相应的结果。通过将函数包装在Promise中,可以使用resolve函数将异步操作的结果传递给调用方。以下是将函数转换为Promise的示例代码: ```javascript function asyncFunction() { return new Promise((resolve, reject) => { // 异步操作的代码 // 当操作完成时,调用resolve函数并传递结果 // 当操作失败时,调用reject函数并传递错误信息 }); } ``` 在上述代码中,asyncFunction是一个异步函数,它返回一个Promise对象。在Promise的构造函数中,可以执行异步操作,并在操作完成时调用resolve函数,将结果传递给调用方。如果操作失败,可以调用reject函数,并传递错误信息。 使用Promise对象可以更方便地处理异步操作,可以通过调用then方法来处理异步操作的结果。例如: ```javascript asyncFunction() .then(data => { // 处理异步操作成功的结果 }) .catch(error => { // 处理异步操作失败的错误信息 }); ``` 在上述代码中,通过调用then方法,可以指定在异步操作成功时执行的回调函数,并通过catch方法指定在异步操作失败时执行的回调函数。 通过将函数转换为Promise,可以更好地管理和处理异步操作,提高代码的可读性和可维护性。 #### 引用[.reference_title] - *1* *2* *3* [Promise-异步操作的一种解决方案](https://blog.csdn.net/chonger_feifei/article/details/123331807)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值