Javascript >> Funções

O que é uma função?
Na hora de fazer um programa por questão de organização ou reuso de código podemos agrupar um determinado trecho de código em um local separado de nosso script, executando-o, quando for conveniente através de uma chamada. A este agrupamento de código damos o nome de função ou método.

Funções são utilizadas constantemente, não só as que você declara, mas também as que já estão definidas na linguagem. O Javascript assim como outras linguagens já possui diversas funções para realizar processos habituais como, por exemplo, obter a hora, imprimir uma mensagem na tela ou converter variáveis de um tipo a outro. Já vimos anteriormente por exemplo a função alert().

Declaração

Uma função em Javascript deve ser declarada conforme a sintaxe aseguir:

<script>
function nomefuncao (parametro1, parametro2){
  ... instruções da função ...
}
</script>

Primeiro escreve-se a palavra “function”, esta palavra serve para informar que iremos declarar uma função. Seguidamente se escreve o nome da função, que como os nomes de variáveis podem ter números, letras e algum caractere adicional como um hífen abaixo, lembrando-se que o primeiro caractere deve ser uma letra. Dentro dos parênteses escrevemos nomes de variáveis que utilizaremos para guardar os parâmetros passados para a função, no nosso exemplo foram declarados dois parâmetros (“parametro1” e “parametro2”), poderíamos ter declarado nenhum parâmetro(bastar abrir e fechar os parênteses sem colocar nada dentro) ou N parâmetros(basta colocar a quantidade desejada em parâmetros como nome de variáveis separados por virgula). A seguir coloca-se entre chaves as diferentes instruções de código a serem executadas sempre que a função for chamada.

Vejamos um exemplo de uma função que exibe na tela a soma de dois valores.

<script>
function SomaValores(Valor1, Valor2){
   alert(“O resultado da soma é:” + (Valor1 + Valor2));
}
</script>

Como chamar uma função

Chamamos uma função sempre que precisarmos executar suas instruções, sua chamada pode ser realizada em qualquer lugar da página. Para chamar uma função utilizamos seu nome seguido de parênteses e dentro do parênteses os parâmetros da função separados por virgula (quando houverem). Veja os exemplos a seguir.

<script>
NomeDaFuncao(); //Chamada da função “NomeDaFuncao” sem passar nenhum parametro
SomaValores(12, 24); //Chamada da função “SomaValores” passando 2 parametros
alert(“Ola”); //Chamada da função “alert” passando 1 parametro
</script>

Funções que retornam valores

Em determinados casos podemos criar funções que retornam valores utilizando-se do “return”. Com o “return” a execução do código da função é parada e o valor definido a sua direita é retornado no local em que a função foi chamada, veja o script abaixo:

<script>
function SomaValores(Valor1, Valor2){
    return Valor1 + Valor2;
    alert(“Whoooaaa”);
}
var Soma = SomaValores(5, 10);
alert(“Soma de 5 com 10 – 20 = “ + (Soma - 20));
</script>

No exemplo temos a função “SomaValores” que retorna o valor da soma de 2 números, note que o trecho “alert(“Whoooaaa”);” nunca será executado, pois como vimos no parágrafo anterior a execução da função para na linha do “return”. No código executamos a função e guardamos o valor retornado através do return na variável “Soma” para uso futuro no exemplo.