JavaScriptで変数の値を1秒ごとに変更する関数を作りたい

Question

代入先の変数の値を1秒ごとに変更する関数を作りたいです。
ただし、下のコードでコメントアウトしているような、関数内で直接代入するやり方以外で方法があるか教えていただきたいです。

＜うまくいかないコード＞

let hoge = num();//hogeの値が1秒ごとに変わってほしい

function num(){
    setInterval(()=>{
        console.log(hoge);
        //hoge = Random(10,0); //このように対象の変数を明示しない方法でやりたい。
        return Random(10,0);
    }, 1000);
}

function Random(max,min){
    return Math.floor( Math.random() * (max + 1 - min) ) + min ;
}

Comments

[maisumakun]

hogeの値はどのように使うのですか？

（使い方によっては可能かもしれませんし、別な手段のほうが合理的ということもありえます）

[takushikai]

特にこれに利用ということは無いのですが…
なぜこのようなことが気になったかというと、

let hoge = document.getElementsByClassName("hogehoge");

のようにすると、DOMが変わるとhogeの値も自動的に変わるようなので、同じように自動的に変数の値を（代入したあとに）変更する関数は作れるのかということが気になり質問させていただきました。

Answer 1

DOMが変わるとhogeの値も自動的に変わるようなので

hogeの値（オブジェクトとしての参照）は変わりません。

中身が動的に変化するオブジェクトは、ゲッターやProxyなどを使って作ることが出来ます。

Comments

[maisumakun]

もっとも、「プロパティが動的に変わる」オブジェクトは、JavaScriptの世界では一般的ではなく使いづらいです。

その設計にする合理的な理由がなければ、動的に変わる値はメソッドとして取得したほうがわかりやすいです。

[takushikai]

回答ありがとうございます。知らないことだったので調べようと思います！