javascriptの関数呼び出しについて

Question

初心者の質問ですみませんが、javascriptで分からない事があるので質問します。

関数呼び出しの時は　関数（）　で呼び出すと習いました。
なので、html側で関数を呼び出す時もonClick="関数（）"で動くのですが、
js側で上記を書かずにaEddventListener('click',関数（）)とすると動きません。
関数（）を関数　だけにすると動きます。
逆にhtml側でやる時は（）を省くと動きません。（）がある無しでどう言う意味があるのでしょうか？
返り値が入る？てのはなんとなく分かりますが、js側のイベント発火内では()が在ると動かず、html側では無いと動かないのはどう言う事なんだろうと思って質問しました。

ご回答いただけると嬉しいです。

Answer 1

（）がある無しでどう言う意味があるのでしょうか？

()を付けると、関数を実行します。
()を付けないのは、関数そのものです。

HTMLタグのonclick="～"は、クリックしたときに文字列を評価する（実行する）という機能です。

aEddventListener('click',関数)は、「クリックしたときに関数を実行する」という登録を実行します。なので、関数の実行結果じゃなくて関数そのものを引数で渡す必要があります。

Comments

[LKawauso]

ご回答ありがとうございます。

()があると結果が返り、無いと式が実行される。と覚えたらいいのかな？と今思ってます。
デベロッパーツールで()あり無しで実行してみたら、関数()はアンデファインド
関数　式が帰ってきました。なので、上記の様な解釈になりました。奥が深くてjs大変ですが一つ理解出来てよかったです。ありがとう御座いました。

[otn]

> 無いと式が実行される。
どういう意味でしょう？

デベロッパーツールで、

> function foo() { return 1; }
← undefined
> foo()
← 1
> foo
← ƒ foo() { return 1; }

と、括弧を付けると実行されて、付けないと関数そのものというのが分かると思うのですが。

[LKawauso]

あ、そう言う意味？です。
()をつけると答えが帰ってきて、()が無いと式が帰ってきたのでクリックイベントの時は式を実行して欲しいので()無し、html側では結果が欲しいので()あり。。なのかなって解釈しちゃいました。。。