私は最も経験豊富な Javascript プログラマーではなく、最近、私が慣れ親しんでいる範囲よりも大きな Web アプリ プロジェクトを開始しました (ほとんどの場合、会社の Web サイトなどに慣れています)。
アプリを実行する JS は 1 つのファイルとして管理できなくなったので、小さな関数に分割し、gruntJS を使用してすべてを連結する方がよいと判断しました。
メイン アプリでモジュラー デザイン パターンを使用してきましたが、小さなチャンクに分割したので少し混乱しています。次の図を見てください。
var myProject = (function() {
var init = function() {
effects.widgetColor('lighter'); // this doesn't work
login(); // this doesn't work
myProject.effects.widgetColor('lighter'); // this does work
myProject.login(); // this does work
}
return {
init: init
};
})();
myProject.effects = (function() {
// effects
})();
myProject.login = (function() {
// login stuff
})();
$(document).ready(function() {
init(); // this doesn't work
myProject.init() // this does work
});
私の質問は、これらの関数を 'myProject' オブジェクトに追加する最善の方法は? これは、私がまだ学んでいない単純な基本概念であると確信しています。
ありがとう ：）