javascript对象组合语法

Question

在下面的代码中，我希望能够像这样调用 bindClickEvents():

App.Utils.Modal.bindClickEvents();

但是，我不明白执行此操作所需的语法。

当前代码:

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

您可以一次完成:

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

或者如果您想将其分解为单独的步骤:

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

顺便说一句，引用您原来的问题标题，这不是对象链。这是对象组合。对象链接能够在单个语句中多次调用对象中的方法。