javaScriptでランダムで値を生成する関数を複数の場所で参照

Question

javaScriptでランダムで何かを生成する関数で、値を１回の生成で複数の場所で使用したい場合

const randomNumber = () => {
  return Math.floor(Math.random() * (10);
}

let temp = randomNumber();

const hoge = temp;　
const hoge2 = temp; //hogeと同じにしたい
const hoge3 = randomNumber(); //新しいランダムな値

このような方法で行なっていたのですが、tempのようなグローバル変数を使わずに実現する方法はありますか？

Comments

[maisumakun]

> このような方法で行なっていたのですが

tempに入っているのは「関数」ですが、その認識は大丈夫でしょうか？

[asasaas]

（）の記述忘れです

[miyabi_pudding]

質問は編集できるので、勘違いが生まれる前に修正しとくことをお勧めします。

Answer 1

参照する値が前回呼び出した値に限られるなら、次の方法も使えるかもしれません。

const randomNumber = () => {
	randomNumber.value = Math.floor(Math.random() * 10);
	return randomNumber.value;
}

console.log(randomNumber()); // 新しい乱数を生成して表示
console.log(randomNumber.value); // 前回生成した乱数を表示
console.log(randomNumber.value); // 前回生成した乱数を表示

console.log(randomNumber()); // 新しい乱数を生成して表示
console.log(randomNumber.value); // 前回生成した乱数を表示
console.log(randomNumber.value); // 前回生成した乱数を表示

Comments

[AkitoshiManabe]

update を選択できるような応用を思いつきます。
function randomNumber(force) {
if( force || !randomNumber.value )
randomNumber.value = Math.floor(Math.random() * 10);
return randomNumber.value;
}

[Zuishin]

配列を使って履歴を取るとか、引数に名前を渡してその名前のプロパティを作るとか、色々と工夫できそうですね。

Answer 2

tempのようなグローバル変数を使わずに

使いまわす場合「グローバルスコープから参照できる位置」は必須条件と思います。
ご質問のような、他の開発者も気軽に使いそうな変数名（temp）をグローバルに宣言してしまうのではなく、アプリ全体で固有の変数名を決め、オブジェクトを定義するネームスペースを使う方法が手軽です。
（追記：グローバルに宣言するが、容易に上書きされないようにすること）

// myNamespace というネームスペースを用意し、そのプロパティを用いる
let myNamespace = {
  rnd : randomNumber()
}
console.log( myNamespace.rnd )// 乱数

// ネームスペースさえ覚えておけば、キーを確認できる
console.log( Object.keys( myNamespace ) ); // ["rnd"]

// モダンな環境では分割代入でシンプルに利用できる
let { rnd } = myNamespace;
console.log( rnd )// 乱数