Question

我已经尝试了几个小时，但仍无法获得正确的流量。我将首先共享代码，然后再进行解释。

jobSearch();

const jobSearch = () => {
  return (dispatch) => { 

  console.log('DEBUG::step 1:');

  if (!refreshToken()) {
    console.log('DEBUG::step 6:');
    //.......
    //Call function to print step 8, step 9

  } else {
    console.log('DEBUG::step 7:');
    //Perform other operation
  }
}

基本上，refreshToken()是一种解码jwt以检查是否到期的方法，如果到期，则调用REST来检索新令牌，因此上面有一个网络请求，以及功能{{1} }将返回一个布尔值，以指示整个刷新令牌流是成功还是失败。

refreshToken

下面是打印的日志

调试：:步骤1：

调试：:步骤2：

调试：:步骤3：

DEBUG ::第4步：

DEBUG :: hihi0：

调试：:步骤7：

DEBUG :: hihi1：

const refreshToken = async () => { console.log('DEBUG::step 2:'); let valid = true; if (!validateAccessToken()) { //<==just a flow to decode jwt, no async flow console.log('DEBUG::step 4:'); // Configure retry operation const operation = retry.operation({ retries: MAX_RETRIES_USER_LOGIN, factor: 1, minTimeout: INTERVAL_RETRY_USER_LOGIN, maxTimeout: INTERVAL_RETRY_USER_LOGIN }); // Configure HTTP request const ax = axios.create({ timeout: TIMEOUT_CONNECT, headers: { 'Content-Type': 'application/json; charset=utf-8' }, cancelToken: cancelTokenSourceJobSearch.token }); console.log('DEBUG::hihi0:'); await operation.attempt(() => { ax.post(urljoin(API_BASE_URL, API_ENDPOINT_TOKEN_REFRESH), { data: { refresh_token: global.setting.refresh_token } }) .then(({ data }) => { valid = true; console.log('DEBUG::hihi1:'); //SUCCESS! }).catch((err) => { console.log('DEBUG::hihi3:'); // Log error to console console.log(err); if (axios.isCancel(err)) { valid = false; return; } else if (operation.retry(err)) { valid = false; return; } }); return valid; }); } else { console.log('DEBUG::step 5:'); return valid; } };之前打印的Step 7是什么？我已经做到了hihi1。
async await未打印，所以refreshToken操作成功
step 6未打印，所以也没有例外

任何帮助将不胜感激！

更新！

如@CertainPerformance和@briosheje所评论：我已更新为以下内容：

hihi3

然后流程更改变为异常，如下所示：

调试：:步骤1：

调试：:步骤2：

调试：:步骤3：

DEBUG ::第4步：

DEBUG :: hihi0：

调试：:步骤6：

DEBUG :: hihi1：

Answer 1

if (!refreshToken()) {
     ^------ this is async.. Which returns a Promise<boolean>, which is always truthy.

（如此处所述）：

const refreshToken = async () // and some other stuff.

因此，由于它被标记为async，因此它将始终返回Promise，这总是导致真实值。

由于它是异步的，因此您应保留promise响应并对其进行评估：

console.log('DEBUG::step 1:');
// Store here the value of refreshToken
const shouldRefreshToken = await refreshToken();

if (!shouldRefreshToken) {
//  ^--- Syncronous flow here.
  console.log('DEBUG::step 6:');
  //.......

} else {
  console.log('DEBUG::step 7:');
  //Perform other operation
}

除此之外，refreshToken方法内的顺序取决于您在其中使用的方法。如果由于某种原因希望调用console.log('DEBUG::hihi3:');，请查看axios文档或它的含义。无论如何，主要问题是您在if语句中使用了Promise，这总是会导致if语句跳过。

无法按预期执行的复杂异步流

1 个答案: