Conhecendo JavaScript - Funções

Funções

As funções na programação tem como objetivo agrupar um bloco de código e ou encapsular um conteúdo .
E através dessa função permitir que seja acessado/retornado esse conteúdo para aplicação, Site ou Sistema.

A definição de uma função é bem simples, no JavaScritp temos que escrever em minusculo no inicio  function nome_Da_Função ( parametro ){ //bloco de código }.

Para fazer a chamada dessa função usamos o nome da função (), não a limites para chamar a função isso nos possibilita ter reuso de código e organização.

 Exemplo 1

<script type="text/javascript">

primeiraFuncao();

function primeiraFuncao(){

alert("Estamos na Função");

}
</script>


Podemos também passar parametros para serem utilizados dentro da função, no caso uma função sem retorno.

 Exemplo 2

<script type="text/javascript">

primeiraFuncao("Roberto Carlos");

function primeiraFuncao(cantor){

document.write("Minha Avo Gosta de "+cantor);

}
</script>

Agora vamos retorna algo da função de forma fácil de entender, a função pode ou não retornar depende de como for o escopo,  a função cima não ha retorno para haver o retorno usamos a palavra reservada return.   

 Exemplo 3

<script type="text/javascript">

var  cantores_da_vovo; 

cantores_da_vovo = primeiraFuncao("Roberto Carlos");

function primeiraFuncao(cantor){

document.write("Minha Avo Gosta de "+cantor+"</br>");

cantor = "Raul Seixas"

return cantor;
}

document.write("E Gosta tambem de " + cantores_da_vovo);

</script>

Resultado

Dessa maneira fica fácil de pensar no que podemos fazer com as funções, por exemplo utilizar as variáveis como argumento  que serão acessadas somente dentro da função e atribuir valores para serem calculados na função retornar esse calculo em uma outra variável, podemos passar Ns variáveis como parametro. segue exemplo com calculo de Area.

Exemplo Completo.

 <script type="text/javascript">

var recebe_Largura = parseFloat(prompt("Digite a Largura")) ;
var recebe_comprimento = parseFloat(prompt("Digite o Comprimento"));
var valor_calculado;

valor_calculado = funcao_Area_Terreno(recebe_Largura,recebe_comprimento ) ;

function funcao_Area_Terreno(valor_1,valor_2 ){
 
          if ( valor_1===0||valor_2===0 ){
alert("Não foi possivel fazer calculo foi digitado ZERO");
area = "Sem valores para calculo";

          }else{

var area = (valor_1*valor_2);

}

return area;
}

document.write("O Calculo de Area : " + valor_calculado+" m² ");

</script>

Com o conhecimento já adquirido temos condições para trabalhar com a programação básica do JavaScript, e ampliar mais ainda com uso de funções que nos permiti uma melhor organização do código e reutilização     

Espero ter apresentado uso de funções neste post de forma bem intuitiva e simplificada.