Skip to main content
adicionou 412 caracteres ao conteúdo
Fonte Link
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.

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.

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.

adicionou 228 caracteres ao conteúdo
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

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

Quando passa uma função qualquer é ela que será executada, e é claro que ela precisa ser compatível como 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.

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 é isto 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 esta sintaxe daria erro, mas JS permite que escreva assim mesmo que esse argumento será ignorado. Ele não vai junto com a função. Isto é 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)));

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:

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

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.

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:

Coloquei no GitHub para referência futura.

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

adicionou 89 caracteres ao conteúdo
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Lembre0se que o Callbackcallback é 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 callbackporque um laço pega sempre o valor final e não cada valor da variável quando é transferido para um callback (verei se acho a pergunta que fala dissomais detalhado).

Lembre0se 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 (verei se acho a pergunta que fala disso).

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

Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil
Carregando