JS之Promise问题

问题描述

1.小编在开发中,在项目封装获取数据字典的公共方法,使用的ajax使用到promise方法。遇到return回去的拿不到所想要的值,而是拿到的是promise的pending状态,而我想要的是拿到promise的pormiseresult。

2.我所封装的函数

const dictList = async () => {
	   if (!key) return;
	   let result = [];
	   const res = await AjaxProxy.post("upload/trans?up=='1' ")
	
	   if (res.code == constant.SUCCESS_REQUEIRE) {
	       result = res?.busiData?.resultData.map(item => {
	           return { key: item.dicCode, value: item.dicExplain }
	       })
	       return result;
	   }
	}

3.直接获取时获取到的值是这样的

console.log(dictList() , '111')
结果如下图:

JS之Promise问题

4.查了资料才知道,若需要获取pending状态下的promiseresult需要再加一层.then去获取里面的resolve值,再将值赋值给你所需要的变量

调整之后如下

  dictList().then((res) => {
      setStateList(res);
      console.log(res, 'res')
  });
   
获取的值如下:

JS之Promise问题

总结

在使用promise的使用上要特别注意同步异步问题,即使使用了async和await后仍然可能获取到promise的pending状态,也就是return一个resolve。若真获取到pending状态时,可再用。then再嵌套一层去获取res。

上一篇:当vue遇上Hybrid APP


下一篇:老李推荐:第6章1节《MonkeyRunner源码剖析》Monkey原理分析-事件源-事件源概览 2