try 块中的 return 语句是否等待 finally 块中的 await 语句？

Question

考虑以下 sn-p：

try {
    const client = getClientThatMustBeClosed();
    const data = await shortRunningOperation(client);
    return Promise.resolve(data);
} catch (error) {
    return Promise.reject(error);
} finally {
    // any exception in the following function is caught and dealt with internally...
    await longRunningOperation(client);
    client.close();
}

理想情况下，我想在shortRunningOperation() 完成后立即将数据返回给调用函数，而不是等待longRunningOperation() 完成。但是关闭client 必须等到longRunningOperation() 完成之后。

这个jsfiddle 建议return 语句等待finally 块完成......在这种情况下，在不等待longRunningOperation() 完成的情况下尽快将数据返回到调用函数的正确方法是什么？

Answer 1

这里有一些简单的测试代码，显示finally 块确实执行，即使在try 块返回之后。

function wait (ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms);
  })
}

async function test () {
  try {
    await wait(1000);
    console.log('try block complete');
    return;
  } catch (err) {
    console.log('catch err:', err);
    return;
  } finally {
    await wait(3000);
    console.log('finally block complete');
  }
}

test();

但正如 OP 所说，在 finally 块完成之前，不会返回 try 块值。

如果立即需要 try 返回值，请不要使用 finally 块。相反，将长时间的清理代码放在 try 块中，但不要使用 await。

function wait (ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms);
  })
}

async function test () {
  try {
    await wait(1000);
    console.log('try complete');
    
    // put cleanup here without using await
    wait(3000).then(() => {
      console.log('cleanup complete');
    });
    
    return 'try return';
  } catch (err) {
    console.log('catch err:', err);
    return err;
  }
}

test().then(result => console.log('result:', result));

更新：您可以使用finally 块而不阻塞（延迟）try 返回，但前提是finally 块不包含return 或await .

function wait(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

async function test() {
  try {
    await wait(1000);
    console.log('try complete');
    return 'try return';
  } catch (err) {
    console.log('catch err:', err);
    return err;
  } finally {
    // cleanup without await
    wait(3000).then(() => {
      console.log('long duration cleanup complete');
    });
    // do not return here
  }
}

test().then((result) => console.log('result:', result));