Funções agrupadas em JQuery

[Lucas Medina 17]

Olá, pessoas!

Ultimamente eu tenho desenvolvido algumas funcionalidades rápidas em JQuery da seguinte forma, por conta da mantenabilidade:

var funcionalidade = {
  init : function() {
    // Inicializa a funcionalidade
    funcionalidade.atribui();
  },

  atribui : function() {
    $('.botao').hover(funcionalidade.onhover);
  },

  onhover : function(e) {
    // Evento onde ocorre o hover do objeto .botao
  }
}

funcionalidade.init();

Eu sei que, por exemplo, o .hover() do JQuery permite inserir duas funções (como para mouseover e mouseout). Da forma comum, eu poderia fazer da seguinte forma:

$('.botao').hover(function() {
  // O que acontece quando mouseover
}, function() { 
  // O que acontece quando mouseout
});

A questão é: Como eu poderia implementar esta dualidade do hover na forma como eu estou implementando no primeiro exemplo?

Tentei fazer umas mudanças no script, mas não tive muito sucesso.

Eu tentei procurar por respostas em outros locais, mas não consegui passar ao certo para o inglês. Alguém tem alguma ideia?

 

Ajudas serão apreciadas! ;)

[William Bruno 1501]

só colocar a vírgula e o nome da outra função.

[Lucas Medina 17]

só colocar a vírgula e o nome da outra função.

 

Somente isso?

Tentei fazer isso anteriormente, mas acho que não funcionou da forma certa.

Vou verificar aqui!

[William Bruno 1501]

  atribui : function() {

$('.botao').hover(funcionalidade.onhover, funcionalidade.onout);

},

[angelorubin 142]

Se você tem em mente escrever Javascript modular, procure por AMD, CommonJS e sobre a próxima versão da EcmaScript o Harmony - http://addyosmani.com/writing-modular-js