javascript - 范围事件处理程序的 JavaScript 最佳实践

Question

我是一名 Flash 开发人员，后来转变为 UX 开发人员。在命名空间对象或类中编写事件处理函数时，我试图找出最佳实践是什么？

当我看到一些添加嵌套处理程序的大量 init 函数时，我不喜欢它。它很难阅读和凌乱。我认为事情应该更多地被打破。

这就是我的做法（使用 jQuery），但有没有更好更容易接受的方式？

var myNamespace = {

   init: function() {

      var self = this;
      $('#button').click( function(event) { self.onClick(event); } );

   },

   onClick: function(event) {
      // do something
   }

};

Answer 1

如果您正在开发一个新项目，我推荐您使用 Backbone，它有一种添加事件的好方法：

var DocumentRow = Backbone.View.extend({
    tagName: "li",
    className: "document-row",

    events: {
        "click .icon":          "open",
        "click .button.edit":   "openEditDialog",
        "click .button.delete": "destroy"
    },

    render: function() {
        ...
    },

    open: function() {
        // listener...
    }
});