Skip to main content
4 de 4
adicionou 412 caracteres ao conteúdo
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Eu respondi o que estava na pergunta original. Que inclusive foi respondido igual, mas resumidamente em Como determinar a ordem de execução de funções callbacks sem recorrer às funções anônimas e como funciona a pilha de execução de funções em JS? e a resposta foi aceita. mesmo depois de edições a resposta ainda faz afirmações que não são demonstradas, e na verdade ficou tudo comprometido. Deixo o conteúdo aqui para as pessoas que quiserem saber o que foi perguntado originalmente aproveitar.


Não, você pode passar uma função normal, mas esta função é a que será executada como callback. Quando passou uma função anônima era o que desejava. Quando passou a função log() de console não era o que você queria, então o resultado que esperava não aconteceu.

Quando passa uma função qualquer é ela que será executada, e é claro que ela precisa ser compatível com 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 é isso 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 essa sintaxe daria erro, mas JS permite que escreva assim mesmo que esse argumento será ignorado. Ele não vai junto com a função. Isso é o mesmo que passar nada, até porque é exatamente o que acontece.

Na verdade esse código deveria ser assim:

f1(f2(f3(console.log)))

Agora está mais claro que você está passando a função e não o argumento. Dá na mesma, mas é mais legível assim porque passa a intenção correta.

E aí não acontece que o estava esperando, acaba imprimindo nada, mas há uma impressão, é nada porque foi passado nada na chamada.

Mas vou dar um exemplo que faz o que quer sem usar função anônima. Vou criar uma função sem parâmetros que faz o que deseja e vou usá-la como callback, não é uma função anônima:

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

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:

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('Terminei.')
    }, rand())
}

f1(f2(f3(console.log)));

Coloquei no GitHub para referência futura.

Novamente, quem chama é que determina qual será os argumentos passados.

Lembre-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).

Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil