仕事でスクリプトを書いていると、window.onload などに何かの処理を割り当てる機会がよくあります。依頼に応じた処理を別々の JS ファイルに記述しておいて、誰でもが再利用可能にしたいのですが、複数の JS ファイルを組み合わせるとき、これらのイベントの定義が上書きされてしまい、そのために、結局、ソースに手を入れなくてはいけません。面倒くさいですし、これでは再利用可能とは言えませんね。

■ 実行結果

aa1

aa2

aa3

■ ソース

実は、このページには以下のようなスクリプトが書かれています。

上記のスクリプトを、単独の JS ファイルにして、まず、このファイルを読み込ませる決まりにしておき、後は、それぞれの JS ファイル中での window イベントの定義を必ず、EVENT.add で行うようにします。この方法なら、複数の JS ファイルをどのように組み合わせて、読み込もうとも、イベントの定義が上書きされることを気にしないで済みます。