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. 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.
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
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
Funções
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.
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>
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>
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>
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.
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>
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
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
Tratamento de Eventos Programação Web I
Caixas de mensagens Alert Chama atenção para um evento ocorrido <input type= button value= teste1 onclick="alert('você Clicou no Botão')" >
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? ) " >
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 ) " >