JavaScriptのオブジェクト合成構文

Question

、私は（bindClickEventsを呼び出すことができるようにしたい）ので、のような：

App.Utils.Modal.bindClickEvents(); 

しかし、私はこれを行うために必要な構文を理解していません。

現在のコード：ところで

var App = {}; 
App.Modal = {}; 
Modal.bindClickEvents = function() {/* ... */}; 

：

var App = { 
    Modal : { 
    bindClickEvents : function() {/* ... */} 
    } 
} 

か、手順を分離するためにそれを分割したい場合：

var App = new Object; 

App.Modal = { 
    bindClickEvents: function() { 
    return $('a.alert-modal').click(function(e) { 
     return console.log('Alert Callback'); 
    }); 
    } 
}; 

$(document).ready(function() { 
    return App.Modal.bindClickEvents(); 
}); 

Answer 1

あなたは一度にそれを行うことができます元の質問のタイトルを参照すると、これはオブジェクトの連鎖ではありません。これはオブジェクトの構成です。オブジェクトの連鎖は、単一のステートメントでオブジェクトのメソッドを複数回呼び出すことができます。

Answer 2

これはあなたがやろうとしていることですか？

var App = {}; 

App.Utils = {}; 

App.Utils.Modal = { 
    bindClickEvents: function() { 
    return $('a.alert-modal').click(function(e) { 
     return console.log('Alert Callback'); 
    }); 
    } 
}; 

$(document).ready(function() { 
    return App.Utils.Modal.bindClickEvents(); 
}); 

Answer 3

Objectコンストラクタのオブジェクトリテラル構文を使用することをお勧めします。

var App = {}; 
App.Utils = {}; 
App.Utils.Modal = {}; 
App.Utils.Modal.bindClickEvents = function() { 
    return $('a.alert-modal').click(function(e) { 
     return console.log('Alert Callback'); 
    }); 
}; 

：いくつかの著者は、これまでのアンチパターン

後者を呼び出すために、ここでApp.Utils.Modal.bindClickEvents();

var App = { 
     Utils: { 
      Modal: { 
       bindClickEvents: function() { 
        return $('a.alert-modal').click(function(e) { 
         return console.log('Alert Callback'); 
        }); 
       } 
      } 
     } 
}; 

それとも、一度にまとめて一歩を、それをつなぎすることができますを設定する最も簡単な方法です行きます