javascript - 如何在 Javascript 对象文字中命名许多事件

Question

我正在使用 jQuery 事件来捕获 Rails 应用程序中的事件。基本上，DOM 元素上有一组事件捕获，然后调用其他函数。我想做的是为这些事件捕获提供一些命名空间并寻找最佳方式:

我目前有(但大概有 60 个):

$(document).ready(function(){
  $('.edit-item').on('click', arc.event_handler.edit_item);
});

并且想要像下面这样的东西 - 基本上提供 edit_item 这样我们就知道在哪里看:

$(document).ready(function(){
  var events.edit_item= {
    $('.edit-item').on('click', arc.event_handler.edit_item);
  };
});

但这给我一个错误。我熟悉基本的对象字面量语法，例如:

var my = {
  say_my_name: function(){
    alert('my name');
  }
}

但不确定如何将它与 jQuery 函数一起应用。我该怎么做？

我知道有一些匿名函数可以更积极地命名空间，但老实说，现在只想改变这一点

提前谢谢

Answer 1

你似乎想要

var events = {
    "edit_item": $('.edit-item').on('click', arc.event_handler.edit_item)
};

或

var events = {};
events.edit_item = …;
// equal to
events["edit_item"] = …; // Here you could use any expression (like a variable) 
                         // instead of the string literal

现在 events.edit_item 是表达式返回的 jQuery 对象。