java script setIntervalについて

Question

	var i=0;
	function show (){
		console.log(i++);
	}
	setInterval(show(),1000);

というコードがあるのですが、

show()の部分が

①show()の場合
→コンソールログに0が表示
②showの場合
→コンソールログに0,1,2,...が表示
③"show()"の場合
コンソールログに0,1,2,...が表示
④"show"の場合
何も表示されない

これにはどういう違いがあるのですか？？

Answer 1

window.setInterval - MDN

func は繰り返し呼びたい関数です。

ということなので、「show()」ではなくfunctionオブジェクトである「show」を引数に渡します。

var i=0;
function show (name){
    console.log(i++);
};
setInterval(show, 1000);

関数への引数渡しの方法はこんなのもありますよ。

var i=0;
function createShowFunc (name){
    return function() {
        console.log(name);
        console.log(i++);
    };
};
setInterval(createShowFunc("hoge"), 1000);

Answer 2

setInterval の正確な仕様を把握していないため結構嘘だらけだと思いますが、
質問の意図的にはこういう回答でどうでしょう。

...

④"show"の場合

→何も表示されない

文字列 show が第一引数に指定している。
書式上許容しているが、関数を実行するわけでもないので何の意味もない。

...

①show()の場合

→コンソールログに0が表示

関数 show() の実行結果を第一引数に指定している。
show() が参照された時点で console.log(0) が実行されるが、
setInterval として正しくないため二度目以降の処理は繰り返されない。

...

②showの場合

→コンソールログに0,1,2,...が表示

関数 show の実体を第一引数に指定している。書式上許容しており問題なく動くみたい（そうなの？）
流行りの書き方で表すとこんな同じか。setInterval( function(){ ... } , 1000);

...

③"show()"の場合

コンソールログに0,1,2,...が表示

関数 setInterval に望ましい第一引数。
正しく動作する

Answer 3

大きく3つの書き方があります

(1)古い方法=文字列としてわたす→最近はあまり推奨されない

setInterval("show()",1000);

(2)その後流行った方式

setInterval(function(){show()},1000);

(3)一部重宝されている方式

setInterval(()=>{show()},1000);

やってることは(2)も(3)も同じです

Answer 4

書かれているコードではエラーが出ます。
エラー無く書くにはこう。

var i=0;
function show (name){
    console.log(i++);
};
setInterval(show(),1000);

で、1秒後から表示したければこう。

var i=0;
function show (name){
    console.log(i++);
};
setInterval(show,1000);
```**動くサンプル：**[https://jsfiddle.net/q76q6pzb/1/](https://jsfiddle.net/q76q6pzb/1/)

Answer 5

下記のエラー出ますね。ブラウザの開発ツールなどで確認すると良いです。

Uncaught SyntaxError: missing ) after argument list

転記ミスであれば仕方がないですが・・・

引数でnameを渡したいんでしょうかね？""で関数を囲うことによりshow('引数')のように書けます。

    var i=0;
    function show (name){
        console.log(name);
        console.log(i++);
    };
    setInterval("show('test')",1000);

//console内容
test
0
test
1
test
2
・・・・

Chromeでは動作確認できましたが他では確認していません。
下記も参考に色々試してみてください。

• setInterval()やsetTimeout()で関数に引数を与えるには
• JS：setInterval()やsetTimeout()で指定する関数に引数を渡す