Voltar nos dias de mainframes e cartões perfurados , os programadores passaram horas derramando sobre suas listagens de código em busca de erros de digitação e erros . Tempo de computador era limitado e os programadores eram esperados para encontrar problemas através de inspeção. Hoje, os programas de análise estática fazer este trabalho automaticamente , muito melhor do que qualquer par de olhos humanos. Programas como JSLint , Coverity e ReSharper não só para encontrar erros de sintaxe , mas também alertar sobre possíveis problemas de lógica . Coisas que você precisa browser
com ligação à Internet
Show Mais instruções
1
Destaque e copiar o seguinte código JavaScript . Coloque o cursor na primeira linha , mantenha pressionada a tecla "Shift" , em seguida, a seta para baixo até o final do código. . Clique em " Control" e "C" em conjunto para copiar o código
função firstName_click () {var nome = document.getElementById ( "Nome "); if ( FirstName.Value == "" ) alert (" o primeiro nome é obrigatório ");}
2
Clique no link para JSLint na seção Referências . Em seguida, cole o código na caixa de edição .
3
Clique no botão " JSLint " para ver os resultados da análise estática do site.
Um problema com muitas das ferramentas de análise estática é que eles são extremamente exigente . Mesmo que haja apenas algumas linhas de código, JSLint encontrados 10 erros. A maioria relacionados com a formatação e espaçamento , mas entre o ruído , há um par de erros legítimos.
4
Corrigir os erros. Em primeiro lugar, passar e ajustar o espaçamento para atender às exigências do JSLint . Adicione as chaves em torno da função de alerta e mudar == a === dentro do if.
Embora todos esses erros pode parecer chato, formatação consistente faz para limpar código legível. E de igual adicionais assinar e suspensórios podem cuidar de algumas inconsistências navegador
Depois de limpar esses erros, o código é a seguinte: .
Função firstName_click () {var nome = document.getElementById ( "Nome "); if ( FirstName.Value [\\ ] \\ === "") {alert (" O primeiro nome é obrigatório "); }}
5
Mudança as opções para lidar com os problemas remanescentes. Há uma lista de caixas de seleção com várias opções para a parte inferior da página. Verifique as seguintes opções: .
Marque a opção "Browser " para especificar que o código é executado dentro de um ambiente do navegador e objetos como documentos e funções como alertas já estão definidos
Marque a opção " Sloppy " opção para remove a necessidade do uso estrito exigência.
ferramentas de análise maioria estáticos são altamente configuráveis . Isso ajuda os desenvolvedores a adaptar as ferramentas para padrões de programação existentes.
6
Clique no botão " JSLint " uma última vez para ver os novos resultados.
< Br >