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。