T r u q u e s e D i c a s - Tutoriais de Javascript

Uma função é um grupo de linha(s) de código de programação destinado uma tarefa bem específica e que podemos de necessário, utilizar vária vezes. A utilização de funções melhora bastante a leitura do script.

Em Javascript, existem dois tipos de funções:

As funções próprias do Javascript. Que chamamos de "métodos". Elas são associadas a um objecto bem particular como o caso do método Alert() com o objecto window.

As funções escritas por vós para executar o vosso script. É a estas que nos vamos interessar agora.

declaração de funções

Para declarar ou definir uma função, utiliza-se a palavra function.
A sintaxe de uma declaração de função é a seguinte:
function nome_da_função(argumentos) {
... código de instruções ...
}

O nome da função segue as mesmas regres do que as das variáveis (número de caracteres indefinido, começado por uma letra pode incluir números...). Volto a lembrar que o Javascript é case sensitive. Assim função() não será igual a Função(). Todos os nomes de funções num um script devem ser únicos.

A menção dos argumentos é facultativo mas no caso dos parêntese devem ficar. É alias graças aos parêntese que o interpretador Javascript distinga as variáveis das funções. Voltaremos a falar mais em pormenor sobre os argumentos e outros parâmetros mais a frente.

O facto de definir uma função não vai executar os comandos que ela contém. ~só é executada quando chamamos a função.

invocação de uma função

A invocação de uma função se faz o mas simples possível, pelo nome da função com parêntese).
Seja por exemplo nome_da_função();

Convém verificar (porque o browser lê o script de cima a baixo) que a vossa função deve estar bem definida antes de a chamar.

As funções dentro <HEAD>...</HEAD>

É assim aconselhado de inserir todas as declarações de funções no cabeçalho da página , isto é entre os tags <HEAD>...</HEAD>. assim terão a certeza que as funções já estarão interpretadas antes de serem invocadas no <BODY>.

exemplos

Neste exemplo, definimos dentro dos tags HEAD, uma função chamada mensagem() que insere um texto "Bem vindo a minha página". Esta função será chamada no carregamento da página ver onLoad=.... no tag <BODY>.

<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<--
function mensagem() {
document.write("Bem vindo a minha página");
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="mensagem()">
</BODY>
</HTML>

passar um valor a uma função

Pode-se passar valores ou parâmetros as funções Javascript. Assim as funções podem utilizar valores.
Para passar um parâmetro a uma função, fornece-se um nome de uma variável dentro da declaração da função.

Um exemplo simples para compreender. Está escrito uma função que insere uma caixa de aviso em que o texto pode ser alterado.

Na declaração da função, escreve-se:

function Exemplo(Texto) {
alert(texto);
}

O nome da variável é Texto e é definida como um parâmetro da função.

Na invocação da função, fornece-se o texto:

Exemplo("Bom dia a todos");

passar vários valores a uma função

Pode-se passar vários parâmetros a uma função. Como é frequente o caso em Javascript, separa-se os parâmetros por vírgulas.

function nome_da_função(arg1, arg2, arg3) {
... código de instrução ...
}

Declaração de função:

function Exemplobis(Texto1, Texto2){...}

Invocação da função:

Exemplobis("Bem vindo a minha página", "Bom dia a todos")

voltar a um valor

O princípio é simples (a prática por vez não é tão simples). Para reenviar um resultado, basta escrever a palavra chave return seguido da expressão a reenviar. Notar que cercar a expressão de parênteses. Por exemplo:

function cubo(numero) {
var cubo = numero*numero*numero
return cubo;
}

A instrução return é facultativa e podemos encontrar vários return na mesma função.

Para explorar este valor da variável reenviada pela função, utiliza-se uma formulação do tipo document.write(cubo(5)).

variáveis locais e variáveis globais

Com as funções, o bom uso de variáveis locais e globais tem toda a sua importância.

Uma variável declarada dentro uma função pela palavra chave var terá uma invocação limitada a esta própria função. Não se pode assim chama-la fora do script. Chamamos assim variável local.

function cubo(numero) {
var cubo = numero*numero*numero
}

Assim a variável cubo neste exemplo é uma variável local. Se fazemos referência a ela fora do script, esta variável será desconhecido pelo interpretador Javascript (mensagem de erro).

Se a variável é declarada contextualmente (sem utilizar a palavra var), a sua invocação será global.

function cubo(numero) {
cubo = numero*numero*numero
}

A variável cubo declarada será aqui uma variável global.

As variáveis declaradas logo no início do script, fora e antes de todas as funções, serão sempre globais, que ela seja declarada com var ou de maneira contextual.

<SCRIPT LANGUAGE="javascript">
var cubo=1
function cubo(numero) {
var cubo = numero*numero*numero
}
</SCRIPT>

A variável cubo será global.

Para facilitar a gestão das variáveis, posso aconselhar de as declarar logo no início do script (como a maior parte das linguagens de programação). Este hábito pode prevenir algumas complicações.

Anterior

Seguinte

ANÚNCIOS