クロージャをonloadの中でまとめて宣言はあり、なしどっち

Question

たまに下のようなonloadの中であるひとつの関数(A)を宣言して、その中でまとめて関数を宣言して、onload末尾で関数Aを実行するようなコードがありますが、これって意味あるんでしょうか？onclickとかで関数が呼ばれる場合はロードし終わったあとに宣言させるために必要なんでしょうかね？

window.onload = function () {
    function func1() {
        function func_child1(){
            ...
        }

        function func_child2(){
            ...
        }

        function func_child3(){
            ...
        }
    }
};

Comments

[think49]

onloadが必要なときもあれば、不要な時もあります。範囲が広すぎるので、コードを具体化して下さい。また、質問者さんの考えも聞かせて下さい。その考えに対して回答することで、より深く理解が進むと思います。

Answer 1

定義する場所はどこであってもいいはずですが，出来るだけ外に出さなくていいものは内側に閉じ込めておくというのが本来のオブジェクト指向のあるべき姿なので，onload関連でしか使わないものをそこにまとめて書いている，というだけではないでしょうか？

…といっても，実際は保守性を高めるために複数ファイルにコードを分割するのが普通なので，上記はあくまで一つの理想論に過ぎません。（最近は更に分割されたコードを1ファイルのみにバンドルして配布するという形が主流です）

---

ちなみにPHPの場合，関数宣言の形で書いた場合すべてグローバルに定義されるという特徴がありますが，JavaScriptは全く異なります。

function func1() {
   function func_child1() {
       ...
   }
   function func_child2() {
       ...
   }
}

これは概ね以下と同じ意味です。要するに，そのスコープのみ有効なクロージャを関数式で作っているのと同じです。

var func1 = function func1() {
   var func_child1 = function func_child1() {
       ...
   }
   var func_child2 = function func_child2() {
       ...
   }
}

• JavaScriptでクラスを実現するための基本 - Qiita

上記のメソッド定義のように，後からそれを何らかの形で参照する場合は定義する意味があります。そのスコープ内のどこからも参照されないなら定義する意味はありません。

Comments

[mpyw]

たぶんそのコードの具体例を出してもらったほうが的確な回答ができると思います。