Aulas
Disciplinas

Cursos / Informática para Internet / Desenvolvimento Web I / Aula

arrow_back Aula 09 - JavaScript: Introdução e Sintaxe

Funções

Assim como nas principais linguagens de programação, JavaScript também possui uma maneira de se criar funções. Uma função nada mais é do que um pedaço de programa destinado a uma tarefa bem específica e que pode ser utilizado várias vezes, em diferentes pontos do programa principal. Em JavaScript, uma função é definida usando-se a palavra function. O trecho abaixo apresenta a declaração da função imprimeLista(), que escreve dez itens numa lista não ordenada de HTML. Nesse caso, a função foi declarada dentro do <HEAD>, mas ela poderia ser declarada em qualquer local da página, desde que seja antes de ser usada

AخA
1
<html>
2
<head>
3
     <title>Script no head</title>
4
     <script>
5
          function imprimeLista(){
6
               document.write("<ul>");
7
               for(count=1; count <= 10; count++){
8
                     document.write( "<li>" + count + "</li>");
9
               }
10
               document.write("</ul>");
11
          }
12
     </script>
13
</head>
14
<body>
15
     <script>
16
          imprimeLista();
17
     </script>
18
</body>
19
</html>

As funções em JavaScript também podem receber valores como parâmetros. Observe o exemplo abaixo. Nesse caso, a função imprimeLista() foi melhorada para receber a quantidade de itens da lista como parâmetro. Assim como nas variáveis, nos parâmetros de funções o tipo não é definido.

19
1
<html>
2
<head>
3
     <title>Script no head</title>
4
     <script>
5
          function imprimeLista(quantidade){
6
               document.write("<ul>");
7
               for(count=1; count <= quantidade; count++){
8
                     document.write( "<li>" + count + "</li>");
9
               }
10
               document.write("</ul>");
11
          }
12
     </script>
13
</head>
14
<body>
15
     <script>
16
          imprimeLista(10);
17
     </script>
18
</body>
19
</html>

Por fim, uma função também pode retornar um valor após sua execução. Nesse caso, basta usar o comando return para retornar o valor. O exemplo a seguir ilustra uma função que recebe um número como parâmetro e retorna o dobro de seu valor.

5
1
<script>
2
  function dobro(valor){
3
    return valor * 2;
4
  }
5
</script>
[A] Anterior
8/12
Próxima [D]

Sumário

Versão 5.3 - Todos os Direitos reservados