Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » JavaScript » Tudo Sobre Funções

Funções

Funções são usadas para criar pequenos trechos de códigos separados do script principal. Esses trechos de códigos podem gerar um resultado (o que chamamos de funções com retorno) ou apenas executar uma rotina (funções sem retorno).

Funções também são úteis para serem facilmente chamadas em eventos como clique do mouse ou submeter um formulário.

Toda função deve ter um nome e possuir um delimitador de parâmetro que são identificados com parênteses.

Funções sem Retorno

Para criar funções em JavaScript usamos a palavra-chave function, então, damos um nome para nossa função. Essas primeiras funções que criaremos serão simples e não terão parâmetros. Portanto, a regra geral é a seguinte:

function nomeDaFuncao ( parâmetros ) { código da função }

Funções sem retorno são ideais para criar pequenos trechos de script que serão repetidos várias vezes durante o código.

Por exemplo, a função abaixo irá mostrar na tela a mensagem Bem vindo ao JavaScript.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function ola () {
    document.write ("Bem vindo ao JavaScript<br>");
}
</SCRIPT>

Funções com Retorno

Funções com retorno são criadas da mesma forma das funções sem retorno. Sua diferença principal é que esta função devolve um resultado para o script. Por exemplo, podemos gerar um resultado de uma soma e devolver este resultado para o script.

Para que uma função retorne algum valor usamos a palavra reservada return.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function somar () {
    return 5+5;
}     

document.write ("A soma de 5 + 5 é " + somar() );
</SCRIPT>

Funções com Parâmetros ou Argumentos

Muitas vezes, funções devem receber dados para processá-los. A inserção de dados na função é dada por meio dos parâmetros ou argumentos da função.

Uma função pode ter quantos parâmetros forem necessários desde que cada um seja separado por vírgula e não tenha a mesma denominação.

Abaixo está um exemplo com uma função com retorno e outra sem retorno usando parâmetros.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function mostrar (mensagem){
    document.write (mensagem+"<br>");
}

function somar (x, y){
    return x+y;
}

var resultado;
mostrar ("A soma de 50 + 50 é");
resultado = somar (50, 50);
mostrar (resultado);
</SCRIPT>

Isso resulta em:

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 37131 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog