Programação WEB I Funções

Tamanho: px

Começar a partir da página:

Download "Programação WEB I Funções"

Bárbara Mangueira Antas
7 Há anos
Visualizações:

1 Programação WEB I Funções

2 Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função. Para as funções podem ser passadas informações, as quais são chamadas de parâmetros. As funções podem ou não retornar alguma informação, o que é feito com o comando: Return.

Dentro de uma função pode existir uma chamada a outra função.

3 Funções Funções são criadas a partir do agrupamento de várias de linhas de código que resolvem um problema específico Devem conter uma pequena quantidade de linhas e ser o mais genérica possível Uma função pode ser reaproveitada Diminui a complexidade do código, pois os problemas são divididos em problemas menores Aumenta a legibilidade do código O código de uma função não é executado até que a função seja explicitamente acionada

reaproveitada Diminui a complexidade do código, pois os problemas são divididos em problemas menores Aumenta

4 Vantagens de se utilizar Funções Torna a programação mais estruturada e modular Reduz o tamanho do código Torna a programação mais clara e inteligível Simplifica a depuração (eliminação de erros de programação

Torna a programação mais clara e inteligível

5 Funções

6 O que ocorre quando uma função é executada. Programação Web I Se a função possui parâmetros, os dados contidos na lista de parâmetros são atribuídos um a um para as variáveis da função. (variáveis locais). Em seguida o fluxo é desviado para o inicio do bloco de comandos da função. Caso seja executado um comando return, o valor de retorno volta ao programa principal ( ou ao programa que a chamou), substituindo com o valor a chamada da função. Caso não seja encontrado o comando return, a execução da função irá até o final, ou seja, até a ultima linha do bloco de comandos.

(variáveis locais). Em seguida o fluxo é desviado para o inicio do bloco de comandos da função.

7 Funções <html> <head> <script type= text/javascript > function teste( ){ alert( Minha primeira Função ); } </script> </head <body> <input type= button onclick= teste() value= Clique Aqui /> </body> </html>

8 Função com Parâmetros <html> <head> <script type= text/javascript > function teste(texto ){ alert(texto); } </script> </head <body> <input type= button onclick= teste( Olá Mundo ) value= Clique Aqui /> </body> </html>

9 Funções que retornam valores Programação Web I <html> <head> <script type= text/javascript > function soma(a,b ){ var soma = a + b; return soma; } </script> </head <body> <input type= button onclick= alert(soma(5,3) value= Clique Aqui /> </body> </html>

a + b; return soma; } </script> </head <body> <input type=

10 Funções Recursivas Funções recursivas são aquelas que chamam elas próprias ( n ) vezes, até que uma parada estratégica aconteça, consequentemente o objetivo do programa é concluído. Para exemplificarmos a recursividade, vamos construir uma função para calcular o fatorial de um número qualquer digitado pelo usuário.

11 Funções Recursivas <html> <head> <title> Titulo do programa </title> <script type= text/javascript"> var num; function fatorial(a) { var tot; if ( a == 1 ) { return ( 1 ); } else { tot = a * fatorial( a 1); } // chamada recursiva return( tot ); } num = window.prompt("digite o numero desejado: "); window.alert(fatorial(num)); </script> </head> <body></body> </html>

else { tot = a * fatorial( a 1); } // chamada recursiva return( tot ); } num = window.

12 Variaveis Globais e Locais Lembrando: Variável local existe, e por consequência pode ser chamada, apenas no contexto da função a qual ela foi declarada. Por sua vez, uma variável é dita ser global quando existe em qualquer local do script. No javascript, conforme vimos anteriormente, a declaração de variáveis não é obrigatória.entretanto, ela é importante no contexto de ciclo de vida das variáveis

Por sua vez, uma variável é dita ser global quando existe em qualquer local do script.

13 Tratamento de Eventos Programação Web I Um evento é um acontecimento ou ação que provoca a execução de uma determinada operação Clique de um botão Seleção de um texto Mudança de um campo Eventos nativos são eventos do HTML cujas respostas são específicas da linguagem e não precisam ser programadas. Clique sobre um link Clique sobre um botão submit Clique sobre um botão reset

campo Eventos nativos são eventos do HTML cujas respostas são específicas da linguagem e não

14 Tratamento de Eventos Programação Web I

15 Caixas de mensagens Alert Chama atenção para um evento ocorrido <input type= button value= teste1 onclick="alert('você Clicou no Botão')" >

16 Caixas de mensagens Confirm Solicita confirmação de uma determinada operação realizada <input type= button value= teste2 onmouseout= confirm('tem certeza que deseja fazer isso? ) " >

17 Caixas de mensagens Prompt Permite ao usuário passar um dado específico além de escolher se confirma ou cancela <body onload= prompt('tem certeza que deseja fazer isso?, texto default ) " >

Documentos relacionados

Programação WEB I Funções

Programação WEB I Funções Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função.