変数を定義時に条件分岐させたい。

Question

三項演算子を使用して下記のように変数を定義できるかと思います。

const isDevEnv = (process.env.NODE_ENV === 'development');
const hoge = isDevEnv ?
  'development':'production';

今回1行ではなく複数行書きたいと考えています。下記のような感じに

const hoge = isDevEnv ?
  const prefix = '123_',
  return prefix + 'development'
  :
  const fix = '_123'
  return 'production' + fix;

上記のコードはシンタックスエラーになってしまい上手く行きません。
アドバイスお願い致します。

Comments

[miyabi_pudding]

解決されてますが、
何が原因かは、お分かりになったほうがいいかと思います。
十中八九、ASIが原因です。
javascript ASI return
で検索すれば、様々記事が散見されるかと。
（TypeScriptは、JSのスーパーセットなので、基本の仕様は同じ）

Answer 1

それぞれ無名関数実行にすればいける気もしますが、それな素直にifで書いてもいいかなと思います。

const hoge = isDevEnv
  ? (() => {
      const prefix = '123_';
      return prefix + 'development';
    })()
  : (() => {
      const fix = '_123';
      return 'production' + fix;
    })();

Comments

[yuki_90453]

回答ありがとうございます、素直にifで書いた場合、どのような感じになるのでしょうか？
let hoge = ''
if(){hoge = 'hogehoge'}else{hoge = 'foofoo'}
って感じでしょうか？

[nekoniki]

その通りです。
以下のようなイメージでした。

let hoge;
if(isDevEnv) {
const prefix = '123_';
hoge = prefix + 'development';
}
else {
const fix = '_123';
hoge = 'production' + fix;
}

[yuki_90453]

ありがとうございました。素直にifで書きます。