Primeira coisa a se considerar é que em JavaScript funções são objetos de primeira classe, o que significa que podem ser atribuídas à variáveis e passadas como argumento para outras funções da mesma forma como você faria com uma string ou um número ou um array ou etc...
Sendo assim, é perfeitamente natural fazer algo como isso:
var minhaFuncao = function( mensagem ) {
console.log( mensagem );
};
// ou...
var minhaOutraFuncao = funcaoQueFazAlgumaCoisa;
function funcaoQueFazAlgumaCoisa( mensagem ) { console.log( mensagem ); }
E depois isso:
minhaFuncao( "Chamando minhaFunção!" );
// ou...
minhaOutraFuncao( "Chamando minhaOutraFuncao" );
// ou...
funcaoQueFazAlgumaCoisa( "Chamando funcaoQueFazAlgumaCoisa" );
Com isso em mente, considere a seguinte função:
function passeMeUmaFuncaoQualquer( mensagem, umaFuncaoQualquer ) {
umaFuncaoQualquer( mensagem );
}
A função acima espera receber como primeiro argumento uma string e como segundo uma função, então poderíamos invocá-la da seguinte forma:
passeMeUmaFuncaoQualquer( "Olá, Mundo!!!", function( msg ) { console.log( msg ) } );
// ou...
function umaFuncaoQualquer( msg ) {
console.log( msg );
}
passeMeUmaFuncaoQualquer( "Olá, Mundo!!!", umaFuncaoQualquer );
E seu eu fizer isso:
passeMeUmaFuncaoQualquer( "Olá", "Mundo" );
Vai gerar um erro, pois seria a mesma coisa que fazer:
"Mundo"();
E não se pode invocar uma string, não é mesmo?
Agora, se eu fizer da forma como você demonstrou:
passeMeUmaFuncaoQualquer( "Olá, Mundo!!!", umaFuncaoQualquer() );
O que acontece é que eu invocando umaFuncaoQualquer
e passando o valor retornado por ela (seja ele qual for) como segundo argumento de passeMeUmaFuncaoQualquer
, o que gera um erro.