Prof: Alisson de Oliveira Programação Web Java Script _____________________________________________________________ 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> _____________________________________________________________ http://www.alisson.info [email protected] Prof: Alisson de Oliveira Programação Web Java Script _____________________________________________________________ Isso resulta em: A soma de 50 + 50 é 100 _____________________________________________________________ http://www.alisson.info [email protected]