ドキュメントに載っていたコードの構文が分からない。

Question

こんにちは。

リンク内容
のページにある下記コードのsetIntervalのところの構文が分かりません。自分的には、アロー関数の即時関数のように見えるけど、1000というよく分からない数字が{}の外にあったり、全体が()で囲まれていたりするところが分かりません。
これはどのような処理の流れになるのでしょうか。

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| は person オブジェクトを適切に参照します。
  }, 1000);
}

var p = new Person();

よろしくお願い致します。

Comments

[Lhankor_Mhy]

ご不明の部分を読み取れているかどうか、少し不安です。
「1秒ごとにthis.ageに1を加算する、という処理です」
とか、そういうご回答でいいのでしょうか？

[slimat]

はい、そのような回答を頂けると嬉しいです。

Answer 1

setIntervalのところの構文が分かりません

同じくMDNを確認されてはいかがでしょう。

【WindowOrWorkerGlobalScope.setInterval() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/setInterval

構文

var intervalID = scope.setInterval(func, delay[, param1, param2, ...]);
var intervalID = scope.setInterval(code, delay);

Comments

[slimat]

回答有り難うございます。
setIntervalというのはJavaScriptの方で元々ある関数というのを知りませんでした。()の中が長かったので、中身が実引数だという考えにたどり着けませんでした。

[kei344]

定義されていない関数/メソッドが出てきたら、一度検索してみましょう。JavaScriptも日々進化しているので、「いつの間にか増えている！」と私も驚くことがあります。

[slimat]

質問時は、質問文のコードのsetIntervalの部分は普通の関数定義がアロー関数に変わって、即時関数に変わってややこしい形になっているものというような解釈でした。関数定義をしている関数で即時関数っぽい、というような解釈でした。なので、関数の呼び出しという形に理解できていませんでした。

[slimat]

今、JavaScriptを勉強中なのですが、今までコールバック関数に出会った回数が少なかったので、コールバック関数であると理解できませんでした。

[kei344]

「ややこしい」ものは分解して考えることをお勧めします。「setInterval」は知らなかったとしても、そこに記号でない文字列があるのだから、そういう未知のものから手を付けてみてください。先ほどのコメントはそういうコメントです。

[slimat]

記号で無い文字列というのは、setIntervalのことでしょうか。
私は、function setInterval() { 処理 }という形が即時関数・アロー関数の形に変形したものという解釈をしていて、でも、それだと", 1000"の部分が邪魔になってしまう...というところで混乱していました。

[kei344]

たどり着けなかったということについては今回そうだった、という話でしかなく、「次そういうものに出会ったらこうしてみては」という意図でコメントしたつもりなのですが、わかりづらくてすみません。

[slimat]

次も、今回のように、そもそも、
setInterval(() => {
this.age++; // |this| は person オブジェクトを適切に参照します。
}, 1000);
をJavaScriptの方で定義済みの関数の実行文であると気付けずに、自作関数の定義中の文であるというふうに頭の中が、完全にその方向になっている時に、関数名を検索するのは、自作関数の関数名を検索するということなので、なかなか難しいですが、一度した過ちは二度目に同じ状況に出くわした時には人間感付くと思いますので、次回は大丈夫だと思います。

自作関数という言葉を使ってしまっていましたが、自作ではなかったです。すみません。

おそらく次は頭の中が完全に"関数定義中"という解釈になる沼に落ちずに、kei344さんのおっしゃる通りに検索できると思います。ありがとうございます。

Answer 2

setInterval()は引数を2つ以上取ります。

var intervalID = scope.setInterval(func, delay[, param1, param2, ...]);

func
ミリ秒単位の delay が経過するたびに実行する 関数 です。関数には引数が渡されず、また戻り値を想定していません。
delay
指定した関数またはコードを実行する前にタイマーが待つべき時間をミリ秒 (1/1000 秒) 単位で指定します。
WindowOrWorkerGlobalScope.setInterval() - Web API | MDN

ひとつ目の引数がアロー関数、ふたつ目が1000ですから、1000ミリ秒ごとにアロー関数が実行されます。

Comments

[slimat]

回答有り難うございます。
setIntervalはJavaScriptの方で元々ある関数だったのですね!自作関数だと思っていました。