|
Neste tutorial, veremos como criar uma função em JavaScript.
Uma função JavaScript é um bloco de código que consiste em um conjunto de instruções para executar uma tarefa específica.
Uma função também pode ser considerada como um pedaço de código que pode ser usado repetidamente em todo o programa e também evita
reescrever o mesmo código. Também ajuda programadores/codificadores a dividir um programa enorme em várias funções pequenas.
Tipos de funções:
Existem dois tipos de funções em JavaScript assim como outras linguagens de programação como c, c++ e java etc.
1) Funções predefinidas
2) Funções definidas pelo usuário
Aqui vamos aprender como escrever uma função definida pelo usuário em JavaScript:
Para criar uma função em JavaScript, temos que usar a palavra-chave "function" antes de escrever o nome da nossa função,
como você pode ver na sintaxe dada:
Sintaxe da estrutura de uma função:
Function nome_da_função (lista de parâmetros)
{
Linhas de código a serem executadas/conjunto de instruções a serem executadas para realizar uma tarefa específica.
}
Antes de usar uma função em nosso programa, temos que definir o que será executado entre as chaves. De acordo com a necessidade,
podemos deixar a lista de parâmetros em branco, como você pode ver na sintaxe fornecida acima.
Vejamos um Exemplo:
Como chamar uma função:
Podemos chamar uma função em um programa escrevendo seu nome como você pode ver abaixo:
Ola();
Exemplo 1: Vamos ver um programa no qual vamos criar uma função e usá-la no programa:
Veja na imagem abaixo o resultado desse código::
No programa acima, criamos uma função com o nome "minhaFuncao" e na definição desta função, exibimos a mensagem "Esta é apenas uma
amostra de uma função definida pelo usuário." usando a função document.write(). Para imprimir essa mensagem, primeiro precisamos
chamar a função como você pode ver no programa.
Para chamar a função em outro lugar do script, basta escrever seu nome como você pode ver no exemplo abaixo:
Exemplo 2: Nesse exemplo vamos adicionar um botão para chamar a função:
Veja na imagem abaixo o resultado desse código:
Função com parâmetros
A função que usamos em nosso programa não tem parâmetros (ou podemos dizer menos parâmetros) porque não inserimos nenhum parâmetro
na lista de parâmetros e a deixamos vazia. Mas também podemos usar parâmetros com função e podemos usar qualquer número de parâmetros
em nossa função, mas eles devem ser separados por vírgula. Esses parâmetros são capturados pela função e posteriormente qualquer
operação pode ser realizada sobre esses parâmetros dentro da função.
Sintaxe para uma função com parâmetros:
nome_da_função(parâmetro1,parâmetro2,....parâmetroN)
{
Linhas de código a serem executadas/conjunto de instruções a serem executadas para realizar uma tarefa específica.
}
Podemos entender como usar parâmetros com função mais facilmente com a ajuda de um exemplo:
Exemplo 3: Nesse exemplo vamos criar uma função com alguns parâmetros:
Veja na imagem abaixo o resultado desse código:
Neste programa, criamos uma função chamada "Ola()" com três parâmetros: nome, idade e sexo, e a definimos na seção 'head' do documento
HTML. Para utilizar esta função, também criamos um botão utilizando a tag 'form' na seção do corpo do programa e passamos os valores
como argumentos. Quando o usuário clicar nesse botão, nossa função é chamada e executada.
Função com instrução de retorno:
Em JavaScript, podemos fazer funções que são capazes de retornar um valor. Para criar esse tipo de função, temos que usar
a instrução 'return', mas deve ser a última instrução no corpo da função (ou na definição da função). Outra coisa essencial a ser
lembrada é que podemos usar apenas uma instrução de retorno em uma função. Se tentarmos usar várias declarações de retorno função,
apenas uma declaração de retorno é considerada, que é alcançada primeiro pelo controle do programa.
Sintaxe da função com declaração de retorno:
Função nome_da_função(arg1, arg2)
{
Conjunto de instruções a serem executadas
retornar val1;
}
Vejamos um Exemplo para entender melhor como usar a instrução 'return' em uma função:
Veja na imagem abaixo o resultado desse código:
Veja na imagem abaixo os menos suspenso quando os respectivos botões forem clicados:
<< Tutorial para Saber se um Número ou Palavra é Palíndrome
Tutorial para Calcular a Série de Fibonacci >>
|
