複数のJavaScriptファイルがあり、それぞれに初期化するためのDOMContentLoadedハンドラーがあります。
そのような:
ファイルA
document.addEventListener('DOMContentLoaded', function(){
console.log('init file A');
});
ファイルB
document.addEventListener('DOMContentLoaded', function(){
console.log('init file B');
});
そして、これらのファイルを連結して縮小する必要があります。縮小されたファイルには、多数のDOMContentLoadedハンドラーがあります。
これらのDOMContentLoadedハンドラーを1つに統合する方がよいかどうか疑問に思っています。
私は以下のような統合の方法を思いついた。
いくつかの一般的なファイル
window.pageInitializer = {
initPageFuncs: {},
do: function(){
for (var key in this.initPageFuncs) {
this.initPageFuncs[key]();
}
}
}
document.addEventListener('DOMContentLoaded', window.pageInitializer.do);
ファイルA
(function(){
var initPage = function(){
console.log('init file A');
};
window.pageInitializer.initPageFuncs.fileA = initPage;
})();
ファイルB
(function(){
var initPage = function(){
console.log('init file B');
};
window.pageInitializer.initPageFuncs.fileB = initPage;
})();
どんな助けでもありがたいです、ありがとう。