Zdarzenie wywoływane funkcji w JS?

Question

Czy można powiązać funkcję z inną funkcją przy wywołaniu? Na przykład może to wyglądać mniej więcej tak:

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

Tak więc, gdy zostanie wywołane b, a jest również automatycznie wywoływana.

---

EDYCJA: OK, aby wyjaśnić, nie jest to pytanie dotyczące łańcucha. Chodzi o to, aby znaleźć elegancki sposób na wiązanie zdarzeń. Przestrzegaj normalnego "nie-eleganckiego" sposobu z normalnym oddzwonieniem:

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

To działa poprawnie? Ale co, jeśli mam dzwoniącego wszędzie? Trudno organizować lub zmieniać rzeczy.

Teraz obserwuj najlepsze rozwiązanie! (Jeśli taki istnieje)

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); 

Tak bardzo przypomina normalną rejestrację zdarzeń HTML - JQuery. Nie piszesz na każdym obrazku, na który użytkownik może kliknąć (w każdym miejscu), byłoby to zbyt kłopotliwe, aby to zorganizować! Po prostu napisz jedną prostą jednostkę dla całej witryny. To jest jist tego, czego szukam, z wyjątkiem funkcji JS.

Mam nadzieję, że to wyjaśni.

---

EDYCJA 2: Potrzeba pracy z IE7 !!! JavaScript 1.8.5 jest świetny i ma wszystko, ale teraz nic go nie obsługuje.

Answer 1

Istnieją różne rozwiązania w zależności od tego, ile chcesz zaprojektować. Proste i elastyczne podejście jest stworzenie łańcuchowy funkcję użytkową:

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](); 
     } 
    } 
} 

Co to robi powraca nową funkcję, która będzie wywoływać funkcje przewidziane w sekwencji.Używaj go tak: [? Mogę przejąć funkcję o nazwie bezpośrednio]

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

Answer 2

Można użyć callback:

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

lub obserwatora deseń - 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 rzeczywiście określić bind function, ale nie robi tego, co można opisać powyżej; pozwala określić, co będzie kontekstem, gdy zostanie wywołany, i opcjonalnie, pozwoli ci na zakodowanie określonych argumentów-curry.

Answer 4

Możesz to zrobić z podejściem aspektowym. Oto prosty przykład:

Zamocować wywołanie() funkcjonować b():

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

Teraz nazywamy b():

b(); 

Zobacz go w akcji tutaj: http://jsfiddle.net/eZ9wJ/