Skip to content

Latest commit

 

History

History
47 lines (37 loc) · 2.43 KB

README.md

File metadata and controls

47 lines (37 loc) · 2.43 KB

Voltar - Funções

Funções anônimas

As funções anônimas permitem definir uma função sem nome. Para isso, utilizamos a palavra reservada function e, na sequência, os parâmetros da função e o corpo da função. Veja o exemplo: EXEMPLO09.HTML

let situacaoAluno = function(mediaAluno, mediaAprovacao) {
    if (mediaAluno >= mediaAprovacao) {
        return "Aprovado";
    } else {
        return "Reprovado";
    }
}
let resposta = situacaoAluno(10, 6);
alert(resposta);

No geral, as funções anônimas são usadas para a inserção de pequenos trechos de código. Por exemplo, imagine que você precisa criar um botão que, quando clicado, exibe uma mensagem na caixa de diálogo. Assim, você pode criar uma função anônima e atribuir essa função ao evento onclick do botão. Veja o exemplo: EXEMPLO10.HTML

<button onclick="function() { alert('Olá, mundo!'); }">Clique aqui</button>

Um outro exemplo mais prático, considerando que desejamos mostrar o parcelamento de um produto a ser comprado em uma loja, sendo que o cliente pode escolher o número de parcelas, desde 1 até 10 parcelas. Assim, o programa deve receber o valor do produto e calcular o valor de cada parcela, para que o cliente escolha qual a melhor maneira de efetuar pagamento. Veja o exemplo: EXEMPLO11.HTML

    let valorProduto = Number(prompt("Qual é o valor do produto?"));
    let mensagem = "";
    let formasPagamento = function (valorProduto) {
        for (let i = 1; i <= 10; i++) {
            let valorParcela = valorProduto / i;
            mensagem += ("Em " + i + " parcelas, o valor de cada parcela é de R$ " + valorParcela.toFixed(2).replace(".", ",") + "<br>");
        }
        return mensagem;
    }
    let resultado = formasPagamento(valorProduto);
    document.write(resultado);

Note que a função anônima recebe um parâmetro, que é o valor do produto. A função calcula o valor de cada parcela e retorna uma mensagem, que é atribuída à variável resultado. Por fim, a variável resultado é exibida na página.

Avançar - Funções callback

Voltar - Funções

Algumas funções nativas do JavaScript que valem ser mencionadas aqui, quais podem ser úteis em algum momento da vida do programador: 88funcoes.html