在`try`块中是否会在早期返回时调用`finally`块？

Question

我正在Docker容器中运行自动化测试，并在这个环境中使用浏览器。我对下面场景中的浏览器是否能正确关闭有所顾虑。我的代码包含一个带有提前返回语句的try块。我的问题是：在JavaScript中，如果我在try块中执行了提前返回，finally块还会被执行吗？我希望确保在基于Docker的测试环境中浏览器能够被正确关闭。

try {
  await importWallet(params.seedPhrase, page, extensionId)
  await addNetwork({networkName: 'BTC', page, extensionId})
  await connectWallet(context, page)
  return await sendToken({page, params})
} finally {
  await context.close()
  console.log('折叠伞 关闭浏览器')
}

我已经运行了我的测试，但由于它在Docker容器中运行，我无法直接验证结果。

Ben Jackson · Answer

try语句定义了一个代码块用于执行（尝试）。
catch语句定义了一个代码块用于处理任何发生的错误。
finally语句定义了一个代码块，无论try代码块是成功执行还是发生异常，都会执行这块代码。
throw语句用于定义自定义错误。

所以针对您的问题，可以肯定的是，无论何时您进行错误处理，finally语句都会被执行。即使在try块中有提前返回（return）的情况，finally块中的代码也会被执行，确保诸如关闭浏览器这样的操作能够顺利完成。

spender · Answer

finally块会在从try块返回之前立即执行。如果在finally块中也有返回语句，则来自try块的返回值将被忽略，尽管它已被评估。

根据MDN文档，当finally被执行时（其中一种情况为）：

在try块或catch块中执行控制流语句（return、throw、break、continue）之前立即执行。

以下是两个示例的代码段及其说明：

示例1：正常返回情况

const logTry = () => new Promise(r => setTimeout(() => r(console.log('try') ?? true), 500));

async function test(){
  try{
    return await logTry();
  }finally{
    console.log('finally');
    return await false;
  }
}

test().then(console.log);

在这个例子中，尽管try块中已经有一个返回值，但finally块中的返回值（false）会覆盖它，最终输出为“finally”，然后是false。

示例2：抛出错误情况

const logTry = () => new Promise(r => setTimeout(() => r(console.log('try') ?? true), 500));

async function test(){
  try{
    return await logTry();  
  }finally{
    console.log('finally');
    throw new Error('finally errored');
  }
}

test().catch(e => console.log(e.message));

Dirk Vollmar · Answer

我运行了我的测试，但由于它在一个Docker容器中运行，我无法直接验证其结果。

如果在某个无处不在的应用程序中，比如您的浏览器，有一个方便的JavaScript运行时环境就好了...

/* 模拟函数 */
const delayLog = (...args) => new Promise((resolve) => {
  setTimeout(() => {
    console.log(...args);
    resolve('token');
  }, 10);
});
const importWallet = delayLog.bind(null, 'importWallet');
const addNetwork = delayLog.bind(null, 'addNetwork');
const connectWallet = delayLog.bind(null, 'connectWallet');
const sendToken = delayLog.bind(null, 'sendToken');
const context = { close: delayLog.bind(null, 'context.close') };

/* 测试函数 */
const asyncTest = async (params, page, extensionId) => {
  try {
    await importWallet(params.seedPhrase, page, extensionId);
    await addNetwork({ networkName: 'BTC', page, extensionId });
    await connectWallet(context, page);
    return await sendToken({ page, params });
  } finally {
    await context.close();
    console.log('🌂 浏览器正在关闭');
  }
};

// 执行异步测试并打印结果
asyncTest({ seedPhrase: '橡子' }, 1, '.js').then(console.info);

通过控制台输出，您可以清楚地看到finally块中的异步代码会在以return语句解析承诺之前进行评估和等待。