JQUERYのsetTimeoutの使い方について質問です。

Question

setTimeout()関数について質問なのですが、

現在勉強をしているサンプルで
（タイマーみたいなものを動かすソースなのですが）

function xxxx() {
   document.getElementById('aaa').innerHTML = aaa++;
   timerId = setTimeout(function() {
	 xxxx();
   }, 10)
}

上記のように
setTimeout()の中に、
function xxxx(){}の「xxxx()」が入っているのですが、
もぉ理解が出来ません。汗

自分の外で呼び出すものだとばかり・・・。

質問としましては、
自分の中に自分を呼び出している風に見えるのですが、
いったいどういう状況なのでしょうか・・・汗
また、
setTimeout()限らず、他の関数でもこういった書き方をすることがあるのでしょうか？

どうぞご教授のほどよろしくお願いします。

Answer 1

再帰関数という物です。
再帰 (JavaScript)を確認してみてください。
また再帰関数に関して調べてみることをお勧めします。

質問文にあるコードのxxxx()を実行すると以下のようにコードが実行されます。

1.xxxxを実行
2. #aaaのinnerHTMLにaaaをインクリメントした物を代入
3.setTimeout()をセットし1000分の10秒(0.01秒)後にxxxx()を実行する

3の時点でxxxx()が実行されているので1に戻ります。
よって約0.01秒に一度xxxx()が実行されて#aaaのinnerHTMLにインクリメントされた値を追加し続けるというコードとなります。
(xxxx()が約0.01秒に1回実行され続ける)

Comments

[TChanger]

ありがとうございます！
凄くわかりやすくてもぉ大変感謝しております！