Quando passa uma função qualquer é ela que será executada, e é claro que ela precisa ser compatível comocom o que será chamado internamente como callback. Então se a chamada não usa argumentos, uma função que não aceita argumentos é o que deveria ser passado. Assim como se passar um argumento a função a ser passada deveria receber um argumento, e assim por diante. E não basta ser o mesmo número de parâmetros que a função tenha em relação ao número de argumentos passados, precisa ter coerência. Precisa ser do tipo certo, não pode passar um texto se vai mandar calcular uma porcentagem. Não pode passar um número de uma rua quando você espera o valor de uma prestação, precisa fazer sentido.
Tudo tem a ver com o uso de argumentos na chamada. Vou explicar em detalhes.
O que você fez não faz sentido. Qual a função que passou no segundo exemplo (não postado)? Foi a console.log()
, certo? E é ela que será chamada, e foi chamada, mesmo que você não tenha visto. Não deu erro algum. Quando chega na linha callback()
da função f3()
é exatamente a console.log()
que será executada. Mas o que está mandando imprimir? Nada. E é istoisso que imprime no console. Quem determinada o que passar como argumento é quem chama e quem chamou está passando nada.
Por alguma razão você acha que o argumento 'Terminei'
está sendo passado junto com a função e por alguma razão mágica a chamada consideraria isto, mas nada disto acontece. Em outra linguagem provavelmente estaessa sintaxe daria erro, mas JS permite que escreva assim mesmo que esse argumento será ignorado. Ele não vai junto com a função. IstoIsso é o mesmo que passar nada, até porque é exatamente o que acontece.
function rand(min = 1, max = 2){
return Math.floor(Math.random() * (max - min) + min)
}
function f1(callback){
setTimeout(function(){
console.log('f1')
if(callback)
callback()
}, rand())
}
function f2(callback){
setTimeout(function(){
console.log('f2')
if(callback)
callback()
, rand()})
}
function f3(callback){
setTimeout(function(){
console.log('f3')
if(callback)
callback()
}, rand())
}
f1(function(){
f2(function(){
f3(function(){
console.log('Terminei')
})
})
})
function imprime() {
console.log('Terminei.')
}
f1(f2(f3(imprime)));
Coloquei no GitHub para referência futura.
Pode estar pensando que então precisa sempre criar uma função para passar. Também não, só criei uma para compatibilizar a intenção, fazer sentido. Posso mandar a função direto, desde que queira algo um pouco diferente:
Coloquei no GitHub para referência futura.
Lembre0seLembre-se que o callback é um atraso na execução, quando manda executar é que o estado é usado. É o mesmo problema que algumas pessoas não entendem porque um laço pega sempre o valor final e não cada valor da variável quando é transferido para um callback (mais detalhado).