JavaScriptの処理の順序についての質問です。

Question

最近javascriptの勉強を始めました。
以下のコードでわからない事がありましたのでご質問いたしました。

var count = 0;
var countup = function(){
   console.log(count++);
}

// ①以下の処理
var id = setInterval(function(){
   countup();
   if(count > 5){
     clearInterval(id);
  }} ,1000);

「①以下の処理」 のプログラムの実行順序を知りたく思っています。
function(){}のなかが実行されてから結果がidに格納されると考えたのですが、その場合function(){}の中のidは空なので成り立たないというのが動機です。

よろしくお願いします。

Comments

[m.ts10806]

前の質問にも書きましたが。　＞タイトルには要件を書いて下さい。 https://teratail.com/help/question-tips#questionTips3-1 タイトルから質問内容が想像できないもの、タイトルと質問内容が食い違っているものはスムーズな回答を得られなくなります。

[m.ts10806]

あと、このままでは丸投げとなるので（ https://teratail.com/help/avoid-asking ）調べてみたこと、やってみたこと（そのソースコード）を具体的に追記してください。また参考先サイトがあればURLも質問に追記してください。既に見た先が回答についてしまうと無駄なやり取りが発生しますし、もしかしたら参考記事の理解が間違っているために解決に至れていないのかもしれません。https://teratail.com/help/question-tips#questionTips1-2

Answer 1

function(){}のなかが実行されてから結果がidに格納される

違います。
「setInterval」は「『定期的に実行される処理』をタイマーに登録する」という処理を行っています。
「登録する」という処理自体は速やかに終了するので、タイマーに処理を登録した時のidを返却できるのです

Answer 2

実行順序は
0. setIntervalによって、一定の間隔(ここでは1秒)でfunction(){}の中身を実行する処理が登録される(省略されていますがwindowに登録されます)
0. 登録した処理のIDがvar idのidに代入される
0. 時間が経過して、function内の処理が実行される→この時点でidは既知

となります。

• setintervalの時点では一定期間後に特定の処理をすることを登録(set)するだけ
• 登録した作業自身にidがある

といったあたりを意識するといいのではないかと思います。

Comments

[takeshi1907]

理解できました。分かりやすいご回答ありがとうございました。