Внедрение анонимной функции внутри другой анонимной функции

Question

У меня есть хэш, называемый опциями. Проблема, с которой я сталкиваюсь, заключается в том, что options['beforeOpen'] уже может быть функцией, и в этом случае я не хочу ее перезаписывать. Я бы хотел вместо этого называть его, а затем вызвать другую функцию, которую нужно вызывать каждый раз.

В этом примере метод, который нужно вызывать каждый раз, - methodThatINeedToDo. Я думал, что код ниже выполнит это, но он не работает, как я ожидал.

function methodThatINeedToDo(){alert('maintenance');} 

var options = {beforeOpen: function(){alert('first');}} 
if(typeof options['beforeOpen'] == "function"){ 
    options['beforeOpen'] = function(){options['beforeOpen'].call(); methodThatINeedToAddToDo();} 
} else { 
    options['beforeOpen'] = methodThatINeedToDo; 
} 

Answer 1

Проблема заключается в том, что в функции вы определяете для переопределения options['beforeOpen'], вы используете options['beforeOpen'], который к тому времени было переписано!

Вам нужно кэшировать и использовать кэшированное значение в вашей новой функции:

var cachedBeforeOpen = options.beforeOpen; 

if (typeof cachedBeforeOpen == "function") { 
    options.beforeOpen = function() { 
    cachedBeforeOpen.call(); 
    methodThatINeedToDo(); 
    }; 
} else { 
    options.beforeOpen = methodThatINeedToDo; 
} 

Answer 2

var oldCall = options['beforeOpen']; 
var newCall = function(){ 
oldCall(); 
methodThatINeedToAddToDo(); 
}; 
options['beforeOpen'] = newCall; 

Answer 3

Просто всегда называют methodThatINeedToDo, так как вы хотите, и там проверить, если следует вызвать метод опций:

function methodThatINeedToDo(){ 
    options.beforeOpen && options.beforeOpen(); 
    alert('maintenance'); 
} 

Answer 4

Это действительно пахнет неправильным решением. Почему не Publish/Subscribe pattern?

Вот небольшой пример: http://jsfiddle.net/ajyQH/

$(function() { 

var yourObj = { yourFct : [] }; 


$('#btn').click(function() { 
    yourObj.yourFct.push(function() { 
     $('#testibert').append($('<p>').text('hallo')); 
    }); 
}); 

$('#btn_exec').click(function() { 
    var len = yourObj.yourFct.length; 
    for(var i = 0; i < len; i++) { 
     yourObj.yourFct[i](); 
    } 
}); 
});