Programação em Javascript

• Compilador. Para programar em Java necessitamos um Kit de desenvolvimento e um compilador. Entretanto, Javascript não é uma linguagem que necessite que seus programas se compilem, senão que estes se interpretem por parte do navegador quando este lê a página.
  
  
• Orientado a objetos. Java é uma linguagem de programação orientada a objetos. (Mais tarde veremos que quer dizer orientado a objetos, para quem ainda não sabe) Javascript não é orientado a objetos, isto quer dizer que poderemos programar sem necessidade de criar classes, tal como se realiza nas linguagens de programação estruturada como C ou Pascal.
  
  
• Propósito. Java é muito mais potente que Javascript, isto é devido a que Java é uma linguagem de propósito geral, com o que se podem fazer aplicações do mais variado, entretanto, com Javascript somente podemos escrever programas para que se executem em páginas web.
  
  
• Estruturas fortes. Java é uma linguagem de programação fortemente tipada, isto quer dizer que ao declarar uma variável teremos que indicar seu tipo e não poderá mudar de um tipo a outro automaticamente. Por sua parte, Javascript não tem esta característica, e podemos colocar em uma variável a informação que desejarmos, independentemente do tipo desta. Ademais, poderemos mudar o tipo de informação de uma variável quando quisermos.
  
  
• Outras características. Como vemos Java é muito mais complexo, mas também, mais potente, robusto e seguro. Tem mais funcionalidades que Javascript e as diferenças que os separam são o suficientemente importantes como para distinguí-los facilmente.

• Javascript 1: nasceu com o Netscape 2.0 e suportava grande quantidade de instruções e funções, quase todas as que existem agora já se introduziram no primeiro padrão.
  
  
• Javascript 1.1: É a versão de Javascript que foi desenhado com a chegada dos navegadores 3.0. Implementava pouco mais que sua versão anterior, como por exemplo, o tratamento de imagens dinamicamente e a criação de arrays.
  
  
• Javascript 1.2: A versão dos navegadores 4.0. Esta tem como desvantagem que é um pouco distinta em plataformas Microsoft e Netscape, já que ambos navegadores cresceram de distinto modo e estavam em plena luta no mercado.
  
  
• Javascript 1.3: Versão que implementam os navegadores 5.0. Nesta versão foram limitadas algumas diferenças e asperezas entre os dois navegadores.
  
  
• Javascript 1.5: Versão atual, no momento de escrever estas linhas, que implementa Netscape 6.
  
  
• Por este lado, Microsoft também foi evoluindo até apresentar sua versão 5.5 de JScript (assim chamam ao javascript utilizado pelos navegadores de Microsoft).

O arquivo que incluímos (neste caso arquivo_externo.js) deve conter somente sentenças Javascript. Não devemos incluir código HTML de nenhum tipo, nem sequer as etiquetas </SCRIPT> e </SCRIPT>.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Sintaxe Javascript

A linguagem Javascript tem uma sintaxe muito parecida a de Java por estar baseado nele. Também é muito parecida a da linguagem C, de modo que se o leitor conhece alguma destas duas linguagens poderá manejar com facilidade com o código. De qualquer forma, nos seguintes capítulos vamos descrever toda a sintaxe com detalhes, para que os novatos não tenham nenhum problema com ela.

Comentários

Um comentário é uma parte de código que não é interpretada pelo navegador e cuja utilidade radica em facilitar a leitura ao programador. O programador, a medida que desenvolve o script, vai deixando frases ou palavras soltas, chamadas comentários, que ajudam a ele ou a qualquer outro a ler mais facilmente o script na hora de modificá-lo ou depurá-lo.

Já foi visto anteriormente algum comentário Javascript, mas agora vamos revê-los de novo. Existem dois tipos de comentários na linguagem. Um deles, a barra dupla, serve para comentar uma linha de código. O outro comentário podemos utilizar para comentar várias linhas e se indica com os signos /* para começar o comentário e */ para terminá-lo. Vejamos uns exemplos.

<SCRIPT>
//Este é um comentário de uma linha
/*Este comentário pode se expandir
por várias linhas.
As que quiser*/
</SCRIPT>

Maiúsculas e minúsculas

Em javascript se deve respeitar as maiúsculas e as minúsculas. Se nos equivocamos ao utilizá-las o navegador responderá com uma mensagem de erro de sintaxe. Por convenção os nomes das coisas se escrevem em minúsculas, salvo que se utilize um nome com mais de uma palavra, pois nesse caso se escreverão com maiúsculas as iniciais das palavras seguintes à primeira. Também se pode utilizar maiúsculas nas iniciais das primeiras palavras em alguns casos, como os nomes das classes, apesar de que já veremos mais adiante quais são estes casos e o que são as classes.

Separação de instruções

As distintas instruções que contém nossos scripts devem ser separadas convenientemente para que o navegador não indique os correspondentes erros de sintaxe. Javascript tem duas maneiras de separar instruções. A primeira é através do caractere pontoe vírgula (;) e a segunda é através de uma quebra de linha.

Por esta razão, as sentenças Javascript não necessitam acabar em ponto e vírgula a não ser que coloquemos duas instruções na mesma linha.

De qualquer forma, não é uma idéia ruim se acostumar a utilizar o ponto e vírgula depois de cada instrução, pois outras linguagens como Java ou C obrigam a utilizá-las e estaremos nos acostumando a realizar uma sintaxe mais parecida à habitual em torno de programações avançadas.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Variáveis Javascript

Uma variável é um espaço em memória onde se armazena um dado, um espaço onde podemos salvar qualquer tipo de informação que necessitemos para realizar as ações de nossos programas. Por exemplo, se nosso programa realiza somas, será muito normal guardarmos em variáveis as distintas parcelas que participam na operação e o resultado da soma. O efeito seria algo parecido a isto.

parcela1 = 23
parcela2 = 33
soma = parcela1 + parcela2

Neste exemplo temos três variáveis, parcela1, parcela2 e soma, onde guardamos o resultado. Vemos que seu uso para nós é como se tivéssemos um apartado onde salvar um dado e que se pode acessa-los colocando somente seu nome.

Os nomes das variáveis devem ser construídos com caracteres alfanuméricos e o caractere sublinhado (_). A parte disso, há uma série de regras adicionais para construir nomes para variáveis. A mais importante é que tem de começar por um caractere alfabético ou sublinhado. Não podemos utilizar caracteres raros como o signo +, um espaço ou um $. Nomes admitidos para as variáveis poderiam ser:

Idade
PaísDeNascimento
_nome

Também há que evitar utilizar nomes reservados como variáveis, por exemplo não poderemos chamar a nossa variável palavras como return ou for, que já veremos que são utilizadas para estruturas da própria linguagem. Vejamos agora alguns nomes de variáveis que não está permitido utilizar

12meses
seu nome
return
pe%pe

Declaração de variáveis

Declarar variáveis consiste em definir e de passo informar ao sistema de que se vai utilizar uma variável. É um costume habitual nas linguagens de programação definir as variáveis que serão utilizadas nos programas e para isso, seguem-se algumas regras restritas. Porém, javascript ultrapassa muitas regras por ser uma linguagem mais livre na hora de programar e um dos casos no qual outorga um pouco de liberdade é na hora de declarar as variáveis, já que não estamos obrigados a fazê-lo, ao contrário do que acontece na maioria das linguagens de programação.

De qualquer forma, é aconselhável declarar as variáveis, além de um bom costume e para isso Javascript conta com a palavra var. Como é lógico, utiliza-se essa palavra para definir a variável antes de utilizá-la.

var operando1
var operando2

Também pode-se atribuir um valor à variável quando se está declarando

var operando1 = 23
var operando2 = 33

Também se permite declarar várias variáveis na mesma linha, sempre que se separem por vírgulas.

var operando1,operando2

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Âmbito das variáveis

Chama-se âmbito das variáveis ao lugar onde estas estão disponíveis. Em geral, quando declaramos uma variável fazemos com que esteja disponível no lugar onde se foi declarado, isto ocorre em todas as linguagens de programação e como javascript se define dentro de uma página web, as variáveis que declaremos na página estarão acessíveis dentro dela. Deste modo, não poderemos acessar às variáveis que tenham sido definidas em outra página. Este é o âmbito mais habitual de uma variável e chamamos a este tipo de variáveis globais à página, mesmo que não seja o único, já que também poderemos declarar variáveis em lugares mais dimensionados.

Variáveis globais

Como dissemos, as variáveis globais são as que estão declaradas no âmbito mais amplo possível, que em Javascript é uma página web. Para declarar uma variável global à página simplesmente faremos em um script, com a palavra var.

<SCRIPT>
var variávelGlobal
</SCRIPT>

As variáveis globais são acessíveis desde qualquer lugar da página, ou seja, a partir do script onde foi declarado e todos os demais scripts da página, incluindo os que manejam os eventos, como o onclick, que já vimos que podia ser incluído dentro de determinadas etiquetas HTML.

Variáveis locais

Também poderemos declarar variáveis em lugares mais dimensionados, como por exemplo, uma função. A estas variáveis chamaremos de locais. Quando se declarem variáveis locais somente poderemos acessá-las dentro do lugar aonde tenha sido declaradas, ou seja, se havíamos declarado em uma função somente poderemos acessá-la quando estivermos nessa função.

As variáveis podem ser locais em uma função, mas também podem ser locais a outros âmbitos, como por exemplo, um loop. Em geral, são âmbitos locais qualquer lugar dimensionado por chaves.

<SCRIPT>
function minhaFuncao) (){
    var variavelLocal
}
</SCRIPT>

No script anterior declaramos uma variável dentro de uma função, pelo qual esta variável somente terá validade dentro da função. Pode-se ver as chaves para dimensionar o lugar onde está definida essa função ou seu âmbito.

Não há problema em declarar uma variável local com o mesmo nome que uma global, neste caso a variável local será visível desde toda a página, exceto no âmbito onde está declarada a variável local já que neste lugar esse nome de variável está ocupado pela local e é ela quem validade.

<SCRIPT>
var numero = 2
function minhaFuncao (){
    var numero = 19
    document.write(numero) //imprime 19
}
document.write(numero) //imprime 2
</SCRIPT>

Um conselho para os principiantes poderia ser não declarar variáveis com os mesmos nomes, para que nunca tenha confusão sobre qual variável é a que tem validade em cada momento.

Diferenças entre utilizar var ou no

Como dissemos, em Javascript temos liberdade para declarar ou não as variáveis com a palavra var, mas os efeitos que conseguiremos em cada caso serão distintos. Na verdade, quando utilizamos var, estamos fazendo com que a variável que estamos declarando seja local ao âmbito onde se declara. Por outro lado, se não utilizamos a palavra var para declarar uma variável esta será global a toda a página, seja qual for o âmbito no qual tenha sido declarada.

No caso de uma variável declarada na página web, fora de uma função ou de qualquer outro âmbito mais reduzido, é indiferente se se declara ou não com var, desde um ponto de vista funcional. Isto é devido a que qualquer variável declarada fora do âmbito global a toda a página. A diferença pode ser apreciada em uma função por exemplo, já que se utilizamos var a variável será local à função e se não o utilizamos , a variável será global à página. Esta diferença é fundamental na hora de controlar corretamente o uso das variáveis na página, já que se não o fazemos em uma função poderíamos sobrescrever o valor de uma variável, perdendo o dado que pudesse conter previamente.

<SCRIPT>
var numero = 2
function minhaFuncao (){
    numero = 19
    document.write(numero) //imprime 19
}
document.write(numero) //imprime 2
//chamamos a funcao
minhaFuncao()
document.write(numero) //imprime 19
</SCRIPT>

Neste exemplo, temos uma variável global à página chamada numero, que contém um 2. Também temos uma função que utiliza a variável numero sem a ter declarado com var, pelo que a variável numero da funcao será mesma variável global numero declarada fora da função. Em uma situação com esta, ao executar a função se sobrescreverá a variável numero e o dado que havia antes de executar a função se perderá.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



O que podemos salvar em variáveis

Em uma variável podemos introduzir vários tipos de informação, por exemplo, texto, números inteiros ou reais, etc. A estas distintas classes de informação conhecemos como tipos de dados. Cada um tem características e usos distintos, vejamos quais são os tipos de dados de Javascript.

Números
Para começar temos o tipo numérico, para salvar números como 9 ou 23.6

Cadeias
O tipo cadeia de caractere salva um texto. Sempre que escrevemos uma cadeia de caracteres devemos utilizar as aspas (").

Boleanos
Também contamos com o tipo boleano, que salva uma informação que pode valer como sim (true) ou não (false).

Por último seria relevante assinalar aqui que nossas variáveis podem conter coisas mais complicadas, como poderia ser um objeto, uma função, ou vazio (null) mas já o vermos mais adiante.

Na verdade nossas variáveis não estão forçadas a salvar um tipo de dados em concreto e portanto, não especificamos nenhum tipo de dados para uma variável quando a estamos declarando. Podemos introduzir qualquer informação em uma variável de qualquer tipo, inclusive podemos ir mudando o conteúdo de uma variável de um tipo a outro sem nenhum problema. Vamos ver isto com um exemplo.

var nome_cidade = "Salvador"
var revisado = true
nome_cidade = 32
revisado = "no"

Esta agilidade na hora de atribuir tipos às variáveis pode ser uma vantagem à princípio, sobretudo para pessoas inexperientes, mas a longo prazo pode ser uma fonte de erros já que dependendo do tipo que são as variáveis se comportarão de um modo ou outro e se não controlamos com exatidão o tipo das variáveis podemos encontrar um texto somado a um número. Javascript operará perfeitamente, e devolverá um dado, mas em alguns casos pode que não seja o que estávamos esperando. Sendo assim, mesmo que tenhamos liberdade com os tipos, esta mesma liberdade nos faz estar mais atentos a possíveis desajustes difíceis de detectar ao longo dos programas. Vejamos o que ocorreria no caso de somar letras e números.

var parcela1 = 23
var parcela2 = "33"
var soma = parcela1 + parcela2
document.write(soma)

Este script nos mostraria na página o texto 2333, que não se corresponde com a soma dos dois números, e sim com sua combinação, um atrás do outro.

Veremos algumas coisas mais referentes aos tipos de dados mais adiante.

Informe de Miguel Angel Alvarez
Mail: miguel@desarrolloweb.com



Tipos de dados em Javascript

Em nossos scripts vamos manejar variáveis de diversas classes de informação, como textos ou números. Cada uma destas classes de informação é o tipo de dados. Javascript distingue entre três tipos de dados e todas as informações que se podem salvar em variáveis vão estar encaixadas em algum destes tipos de dados. Vejamos detalhadamente quais são estes três tipos de dados.

Tipo de dados numérico

Nesta linguagem só existe um tipo de dados numérico, ao contrário do que ocorre na maioria das linguagens mais conhecidas. Todos os números são portanto, do tipo numérico, independentemente da precisão que tenham ou se são números reais ou inteiros. Os números inteiros são números que não têm vírgula, como 3 ou 339. Os números reais são números fracionários, como 2.69 ou 0.25, que também se podem escrever em nota científica, por exemplo, 2.482e12.

Com Javascript também podemos escrever números em outras bases, como a hexadecimal. As bases são sistemas de numeração que utilizam mais ou menos dígitos para escrever os números. Existem três bases com as que podemos trabalhar:

• Base 10, é o sistema que utilizamos habitualmente, o sistema decimal. Qualquer número, por padrão, se entende que está escrito em base 10.
• Base 8, também chamado sistema octal, que utiliza dígitos do 0 ao 7. Para escrever um número em octal basta simplesmente escrever este número precedido de um 0, por exemplo 045.
• Base 16 ou sistema hexadecimal, é o sistema de numeração que utiliza 16 dígitos, os compreendidos entre o 0 e o 9 e as letras da A à F, para os dígitos que faltam. Para escrever um número em hexadecimal devemos escrevê-lo precedido de um zero e um xis, por exemplo, 0x3EF.

• boolean, para os dados boleanos. (True ou false)
• number, para os numéricos.
• string, para as cadeias de caracteres.
• object, para os objetos.

• IF
• SWITCH

• FOR
• WHILE
• DO WHILE

• Deter a execução de um loop e sair dele
• Deter a repetição atual e voltar ao princípio do loop.