JavaScript の関数のあり方について

Question

JavaScriptにおいて関数はオブジェクトのようなものであると習ったのですが、

例えば関数を引数として渡す際に（）をつければ即実行
そうでなければオブジェクトのみを渡すと言う認識なのですが

例えばsetIntervalなどでは関数に（）をつけたものをダブルコーテーションで囲わないといけないですが、これはどう言う意味を持つのでしょうか？

私の認識に誤りがございましたら御指摘を願いたいです。

Answer 1

setInterval

これは古い書き方を互換性のためにのこしてあるだけで
あくまでも例外的な処理だと理解してください

Answer 2

JavaScriptにおいて関数はオブジェクトのようなものであると習ったのですが、

ようなものではなくオブジェクトです。
（オブジェクトの一種で、Functionオブジェクトとなる）
詳しくは下記をご覧ください。

関数 - JavaScript | MDN

例えば関数を引数として渡す際に（）をつければ即実行
そうでなければオブジェクトのみを渡すと言う認識なのですが

前者が少し違います。
()で即時実行した際は、その引数に入れた関数が返す値が、引数に渡されます。
後者は、だいたいその認識で合っていると思います。

例えばsetIntervalなどでは関数に（）をつけたものをダブルコーテーションで囲わないといけないですが、これはどう言う意味を持つのでしょうか？

WindowOrWorkerGlobalScope.setTimeout() - Web API | MDN

の通りです。
記載の通り、文字列を与えるのは、evalと同じような実行になるため、推奨されていないようですね。
（文字列をスクリプトコードとして評価する = 攻撃を受けやすくなる・セキュリティホールになりやすい）
参考記事は、setTimeoutですが、setIntervalも同様かと思われます。

Comments

[Zuishin]

第一級オブジェクトはオブジェクト指向で言うオブジェクトの一種ではありません。

第一級オブジェクトの一種としてオブジェクトがあり、その一種として関数オブジェクトがあります。

[miyabi_pudding]

Zuishinさん > ご指摘ありがとうございます。
回答修正します。

Answer 3

JavaScriptにおいて関数はオブジェクトのようなものであると習ったのです

JavaScriptはオブジェクト指向言語ですから関数はオブジェクトですよ。

はいそこ、全く分かってませんね？
軽く解説しましょう。

オブジェクト指向言語に於けるオブジェクトというのは、
生物を分類するのに背骨のある無しで「脊椎動物」と「無脊椎動物」に分けた。
それと同じレベルです。

JavaScriptに於いて配列も関数もDateも皆オブジェクトです。
この時のオブジェクトというのはメソッドやプロパティが生えてて活用出来るという意味です。

> 'ねこ'.charAt(1)
// 'こ'

文字列の"ねこ"にcharAtなんてメソッド何時定義したんだ！？
JavaScriptのString型はcharAtというメソッドを所持しているという決まりがあるから使えるんです。

関数は確かに根っこはオブジェクトであり、Object型からの派生です。
ほら、メソッドやプロパティもちゃんとあるでしょ？

しかし魔改造しまくって似ても似つかぬ作りになり、
function() {}みたいな大本からかけ離れた専用の構文まで用意されている全くの別物です。

---

setIntervalはyambejpさんの回答で完成されているので割愛します。

Comments

[miyabi_pudding]

> しかし魔改造しまくって似ても似つかぬ作りになり、

今いろいろ改めて検証してましたが、めちゃ納得です。
よくわからん生き物な気さえします。
thisの扱い・・・。

Answer 4

関数は状態を持ちません。なので、同じ引数を与えられると、常に同じ値を返します。

オブジェクトは、変数やメソッドをメンバーとして持ちえますので、それらの値が状態を構成します。変数やメソッドの値は、状態によって影響を受けます。

状態を持つか、状態を持たないか、というのは非常に重要な性質なので、注意してください。

「関数はオブジェクトのようなもの」というのが、何を根拠にして、誰が言ったのか知りませんが、正しくありません！

Comments

[miyabi_pudding]

javascriptにおいては、関数も、メンバもメソッドも持ち得ますよ。

[maisumakun]

> 関数は状態を持ちません。

っ「クロージャ」

[miyabi_pudding]

maisumakunさん >
ほんとだ・・・。
クロージャ（定義スコープで実行も含め）だと、thisには、呼び出し元入ってますね。