javascript finallyでのreturnは最優先されるので使わない方がいい

2021.02.20
javascript
javascript

javascriptで、try-catch-finall構文で必ず実行されるfinallyでのreturnは最優先されることを確認するサンプルコードを記述してます。

1. 環境
2. finallyでreturn実行

環境

OS windows10 pro 64bit
Apache 2.4.43
ブラウザ chrome 84.0.4147.105

windows10にApacheのインストール

finallyでreturn実行

finallyでreturnを実行すると、try内やcatch内で記述しているreturnは実行されません。

const hoge = () => {

  try {

    console.log(foo); // 定義して変数なためエラー

  } catch (e) {

    console.log(e.message)
    return "catchからreturn";

  } finally {

    console.log("finallyが実行されました。");
    return "finallyからreturn";

  }

}

console.log(
  hoge() // 
);

const hoge = () => {

try {

console.log(foo); // 定義して変数なためエラー

} catch (e) {

console.log(e.message)

return "catchからreturn";

} finally {

console.log("finallyが実行されました。");

return "finallyからreturn";

}

console.log(

hoge() //

);

実行結果から確認できるように、catch内で記述したreturnは実行されません。

try内でも同様です。

const hoge = () => {

  try {
    let foo = "mebee";
    console.log(foo); // 定義して変数なためエラー
    return "tryからreturn";

  } catch (e) {

    console.log(e.message)
    return "catchからreturn";

  } finally {

    console.log("finallyが実行されました。");
    return "finallyからreturn";

  }

}

console.log(
  hoge()
);