Aula04-JavaScript
Transferir como ODP, PDF0 gostou448 visualizações
O documento discute como identificar e corrigir erros no JavaScript usando as ferramentas de desenvolvedor do navegador. Ele explica um erro comum de não usar parênteses em uma chamada de alert e como usar o console do Chrome para ver a mensagem de erro e identificar a linha problemática.
Aula04-JavaScript
- 1. 1 / 7 JavaScript Aula 04
- 2. 2 / 7 Tentando corrigir erros no JavaScript ● Há alguns erros bem comuns. Um exemplo é não usar os parênteses em um alert. Se você fizer isso, nada que estiver dentro desta tag de script funcionará e não haverá uma mensagem de erro! ● Faça o teste, adicionando uma segunda chamada ao alert de forma errada:
- 3. 3 / 7 Tentando corrigir erros no JavaScript ● O navegador não vai nem mostrar o primeiro alert , onde não há erro nenhum! ● Como então descobrir o problema? ● Há uma ferramenta do Chrome para nos auxiliar nessa tarefa. ● Clique no ícone de menus/ferramentas. Ele fica no topo superior direito do Chrome. Depois, acesse o menu Ferramentas (Tools) e, por último, Console , como na figura. ● A seguinte janela aparecerá, indicando o erro de sintaxe:
- 4. 4 / 7 Tentando corrigir erros no JavaScript
- 5. 5 / 7 Tentando corrigir erros no JavaScript ● Neste caso, ele está avisando que temos uma "string não esperada". Ajudou? ● Algumas vezes, as mensagens de erro podem não ser muito claras, mas já ajudam bastante indicando o local do problema. Repare que, à direita da mensagem de erro, o navegador diz em que arquivo e em qual linha houve o problema. ● Você pode até mesmo clicar ali para ir diretamente ao trecho de código problemático.
- 6. 6 / 7 Tentando corrigir erros no JavaScript ● Com essa mensagem de erro, o Chrome quer indicar que o "chamando sem parênteses" apareceu em um lugar não esperado, como se estivesse falando em uma "língua" que ele não entende. ● Esse tipo de erro é o que chamamos de erro de sintaxe, um erro na forma de se comunicar com quem entende da linguagem. Nesse caso em particular, ele não esperava essa mensagem fora de parênteses. Corrija o problema. ● Para o Firefox, há um console semelhante acessando o menu Ferramentas (Tools), Web Developer, e depois Console Web. No Internet Explorer 9, você pode encontrá-lo clicando no ícone de engrenagem e escolhendo F12 Ferramentas de Desenvolvedor (Developer Tools).
- 7. 7 / 7 JavaScript – Funções. ● Uma função é um grupo de linhas de código de programação destinado uma tarefa bem específica e que podemos se necessário, utilizar várias vezes. A utilização de funções melhora bastante a leitura do script