Evento invocado por función en JS?

Question

¿Es posible vincular una función a otra función en invocación? Por ejemplo, sería algo como esto:

function a(){...} 
function b(){...} 
b.bind("onInvoke","a"); 

Así que cuando se llama a b, a también se llama automáticamente.

---

EDITAR: OK Aceptar, para aclarar, esto no es una cuestión de encadenamiento. La idea es encontrar una manera elegante de hacer el enlace de eventos. Observe la forma normal de "no elegante" con devolución de llamada de función normal:

function handler(){...} 
function caller1(){handler(); ...} 
function caller2(){handler(); ...} 
function caller2(){handler(); ...} 
// More callers all over your website everywhere else 

Eso funciona ¿verdad? Pero, ¿y si tengo llamadas por todos lados? Es difícil organizar o cambiar cosas.

¡Ahora observe la solución superior! (Si existe)

function handler(){...} 
// Caller make no reference to handler on creation 
function caller1(){...} 
function caller2(){...} 
function caller3(){...} 
// Caller function are still all over the place, all over your website 
// Event handler registered later in one location here, doesn't matter where they are phsically 
caller1.bind("onInvoke",handler); 
caller2.bind("onInvoke",handler); 
caller3.bind("onInvoke",handler); 

Muy parecido al registro normal de un evento HTML - JQuery. No escriba onClick en cada imagen en la que el usuario pueda hacer clic (que están por todas partes), ¡sería demasiado problemático organizar eso! Simplemente escriba uno simple

$("img").bind("onClick",click_handler); 

para todo su sitio. Esta es la cuestión de lo que estoy buscando, a excepción de las funciones de JS.

Espero aclarar las cosas.

---

EDIT 2: Necesito trabajar con IE7 !!! JavaScript 1.8.5 es genial y todo, pero nada lo soporta en este momento.

Answer 1

Existen varias soluciones dependiendo de cuánto desea diseñar. Un enfoque simple y flexible es crear una función de utilidad encadenamiento:

function chain() { 
    var args = arguments; 
    return function() { 
     // loop through arguments and invoke all functions 
     for(var i = 0; i < args.length; i++) { 
     if(typeof args[i] == "function") 
      args[i](); 
     } 
    } 
} 

Lo que esto hace es devolver una nueva función que se llame a las funciones previstas en secuencia.Utilizar de esta manera: [? ¿Puedo interceptar una función llamada directa]

var myChain = chain(b, a); 
myChain(); 

Answer 2

Puede utilizar devolución de llamada:

function a(){ 
    // some code here 
    b(); 
} 
function b(){...} 

u observador patrón - http://www.michaelhamrah.com/blog/2008/12/event-pooling-with-jquery-using-bind-and-trigger-managing-complex-javascript/

Answer 3

JavaScript 1.8.5/ECMAScript 5 en efecto, definen un bind function, pero no hace lo que usted describe más arriba; le permite especificar cuál será el contexto this cuando se invoca y, opcionalmente, le permite codificar ciertos argumentos-curry.

Answer 4

Puede hacerlo con un enfoque orientado a aspectos. Aquí está un ejemplo sencillo:

Attach llamada a un() a función B():

var _b = b; 
b = function(){ 
    _b(); 
    a(); 
} 

Ahora llame b():

b(); 

verlo en acción aquí: http://jsfiddle.net/eZ9wJ/