Práticas Cross Browser: Javascript: Sintaxe {}, ;, IF inline

Cross browser - desenvolvimento Web que aplica as normas W3C que formam o padrão de desenvolvimento. Neste artigo vamos comentar algumas técnicas de desenvolvimento com padrões web (W3C), sintaxe { }, ;, IF inline.

Por Programação Pular para comentários

Este artigo n?o tem a inten??o de ensinar Javascript, CSS ou (x)HTML, mas sim quero falar das melhores t?cnicas aplicadas ao desenvolvimento dentro dos padr?es W3C nestas tr?s linguagens, isso claro na continuidade desta s?rie de artigos sobre pr?ticas cross browser. Caso voc? n?o tenha os fundamentos b?sicos das linguagens acima fa?a algumas pesquisas no portal Oficina da Net na se??o de Apostilas para entender um pouco mais sobre essas linguagens.

Vamos ent?o mergulhar neste mundo dos padr?es web. Vamos comentar sobre DOM e suas formas de uso que poder?o auxiliar a maximizar o tempo de desenvolvimento ou a organiza??o do c?digo.

Estarei citando algumas t?cnicas (atalhos ou formas de simplificar) que s?o utilizadas por desenvolvedores web no dia-a-dia. Uma forma simples e eficaz para compreender mais profundamente o assunto ? a cada termo ou linha de c?digo que voc? n?o entender fa?a uma pesquisa, busque informa??o do porque e pra que, s? depois continue a leitura, assim tenho certeza que seu aprendizado ter? uma melhor performance.

Entenda que na maioria dos casos pode-se fazer com ou sem o auxilio dessas t?cnicas, por?m de uma forma ou outra essas t?cnicas poder?o lhe auxiliar no desenvolvimento e/ou tamb?m garantir que sirvam em todos os browsers.

Chaves { }


O uso de { } n?o ? obrigat?rio a n?o ser em blocos de c?digo que contenham function ou mais de uma instru??o.
for( var i=5;i<20;i++ )
{
    document.write(?cross browser?);
}

Ou podemos escrever esse bloco de c?digo assim:
for( var i=5;i<20;i++ )
    document.write(?cross browser?)

Essas duas formas de escrever o mesmo bloco de c?digos s?o aceitas, s? que existem detalhes que interligam de uma forma gerencial o uso dessas pr?ticas, por exemplo, se voc? usar { } para todas as express?es (que necessitam) voc? n?o depender? prestar tamanha aten??o sempre que desenvolver em linguagens diversas o mesmo trabalho, pois a maior parte das linguagens de programa??o usam { }. Adote essa medida como forma de maximizar seu desempenho em desenvolvimento. Existe desenvolvedores que n?o gostam de utilizar por costume as { } quando n?o s?o exigidas, entendem que de certa forma (na maneira deles) isso pode diminuir o tamanho do c?digo, e de certa forma est?o certos, portanto o peso ou tamanho do c?digo ? t?o irrelevante na maioria dos trabalhos que por facilidade em organizar o c?digo ? que outros fazem dessa pr?tica um bom costume, as { } permite que fique facilmente encontr?vel a parte do c?digo desejado.


Ponto-e-virgula ;


Na linguagem JavaScript o ; n?o ? obrigat?rio, portanto quando estiver escrevendo um bloco de c?digo que em uma mesma linha existam duas instru?es ? exigido a separa??o por ;.
var1 = 1
var2 = 2
result = var1 + var2

Ou,
var1 = 1;
var2 = 2;
result = var1 + var2;

N?o existe diferen?a no resultado, poder?amos tanto usar como n?o usar o ;, s? que novamente por quest?o de garantias eu prefiro o uso do ; para que n?o ocorra por um acaso o ato de esquecer em alguma parte do c?digo o uso correto de ; que n?o permita o funcionamento correto do meu desenvolvimento, ? muito mais demorado buscar um erro (dependendo do software de desenvolvimento) do que adicionar ; sempre que achar necess?rio, seguindo regras ? l?gico.

Lembrando que o uso obrigat?rio de ; se d? sempre como no exemplo abaixo onde uma instru??o est? na mesma linha do que a outra.
var1 = 1; var2 = 2;
result = var1 + var2;


IF inline


Quando precisamos identificar valores e adicionar a eles um alert usamos um bloco de c?digos parecido com o bloco abaixo.

Neste bloco de c?digos temos a seguinte instru??o: O valor de x quando for menor que 8 ele chamar? a fun??o alert que indicar? que o valor de x ? menor que 8, ou ent?o chamar? a fun??o alert se o valor de x for maior que 8.

Usando a sintaxe IF inline poder?amos simplificar esse c?digo da seguinte forma:

O resultado ? o mesmo, por?m economizamos tempo no desenvolvimento, j? que a express?o x>8 ? resulta com o chamado dos alert da mesma forma que no primeiro exemplo. Lembrando que essas formas de desenvolvimento devem seguir uma regra clara, ou seja, ou voc? escolhe uma ou outra pr?tica, pois se juntar ambas dificilmente ter? um bom aprendizado ou organiza??o de seu trabalho de desenvolvimento Web por se tratar de algo mais din?mico em que a qualquer momento seu cliente pode pedir uma mudan?a, nova fun??o ou detalhes mais elaborados e precisaremos buscar o bloco de c?digos especifico para fazer essa altera??o e concluir o trabalho solicitado. Tanto a forma que voc? vai ler seu c?digo ou escrever ficam mais simples e de r?pido desenvolvimento quando aplicadas em padr?es. Busque ler materiais sobre padr?es W3C.

Para o pr?ximo artigo vamos continuar com Express?es regulares e estrutura de dados.

Compartilhe com seus amigos:
Luiz Castro Junior
Luiz Castro Junior Empreendedor da AlpisConsultoria.com empresa que oferece excelentes serviços de Gestão e Marketing Digital para todo o Brasil. Desenvolvimento de Sites, Gestão de conteúdo e suporte para pequenas e médias empresas que desejam entrar no mercado on-line.
FACEBOOK // TWITTER: @luizcastrojr
Quer conversar com o(a) Luiz, comente:
Carregar comentários
Quantos celulares a Motorola tem em linha?
5(14,43%)
10(55,69%)
15(11,59%)
20(9,55%)
26(8,74%)