Callbacks

Após o início de uma animação ou efeito, o JavaScript já continua a executar a próxima linha de código, mesmo antes desse efeito ainda não ter terminado. Para resolver isso, após a execução de qualquer efeito, o jQuery permite que seja executada uma função de callback passada como parâmetro. Isso é interessante pois uma animação ou efeito pode demorar um tempo a terminar.

Veja um exemplo:

$(document).ready(function () {
  $("button").click(function () {
    $(".box").animate({
      width: "300px",
      height: "300px",
      marginLeft: "250px",
      borderWidth: "20px",
      opacity: 0.5,
    }, 5000, () => { console.log("Mensagem da função de callback!") });

    console.log("Mensagem de teste!")
  });
});