Unidade B – Linguagem do lado cliente

Funções

Uma função é um conjunto de instruções destinado a uma tarefa bem específica e que podemos utilizar várias 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", como já visto, e as funções escritas pelo programador. É este último tipo que nos interessa agora.

Para declarar ou definir uma função, utiliza-se a palavra function:

 

Lembre-se que JavaScript é case sensitive  e que o nome de uma função deve ser único, ou seja não podemos ter duas funções com o mesmo nome.
 

Os parâmetros são opcionais, mas os parênteses devem sempre aparecer. Uma função só é executada quando chamamos a função, ou seja, apenas a sua definição não executa as instruções pertencentes a ela. A chamada ou invocação de uma função se faz pelo nome da função com parênteses, por exemplo:

 

A função deve estar definida antes de ser chamada, caso contrário um erro será gerado.
 

Uma função pode retornar um valor, neste caso usa-se a palavra reservada return.  Vamos a um exemplo. A figura B.11 apresenta o código JavaScript que cria uma função que recebe dois valores por parâmetro. A função soma os dois valores e retorna o resultado.  A definição da função começa na linha 9 e termina na linha 14. A seguir na linha 16 é feita a chamada da função passando os dois valores para cálculo. Como a função retorna o valor total, será mostrado no navegador o resultado conforme figura B.12.


 

É convenção inserir todas as declarações de funções no cabeçalho da página, isto é entre os elementos <head>...</head>é convenção inserir todas as declarações de funções no cabeçalho da página, isto é entre os elementos <head>...</head>.
 

Com as funções, é importante compreender o uso de variáveis locais e globais. Uma variável declarada dentro uma função pela palavra chave var será válida apenas dentro da própria função. Não se pode assim usá-la fora da função. Chamamos assim variável local.  Se a variável é declarada contextualmente (sem utilizar a palavra var), a sua invocação será global. As variáveis declaradas logo no início do script, fora e antes de todas as funções, serão sempre globais, quer ela seja declarada com var ou de maneira contextual.