其他分享
首页 > 其他分享> > JS之Promise问题

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')
结果如下图:

在这里插入图片描述

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

调整之后如下

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

在这里插入图片描述

总结

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

标签:return,res,JS,问题,获取,Promise,result,promise,pending
来源: https://blog.csdn.net/weixin_42662753/article/details/120919460