Página desenvolvida por Anderson Barros Torres. Julho/97
Última alteração:
Variáveis
Em JavaScript, variáveis dinâmicas podem ser
criadas e inicializadas sem declarações formais.
Existem dois tipos de abrangência para as variáveis:
Global - Declaradas/criadas fora de uma função. As variáveis globais podem ser acessadas em qualquer parte do programa.
Local - Declaradas/criadas dentro de uma função. Só podem ser utilizadas dentro da função onde foram criadas e precisam ser definidas com a instrução Var.
Com relação a nomenclatura, as variáveis devem começar por uma letra ou pelo caracter sublinhado '_', o restante da definição do nome pode conter qualquer letra ou número.
É importante ressaltar que a variável Codigo é diferente da variável codigo, que por sua vez é diferente de CODIGO, sendo assim, muito cuidado quando for definir o nome das variáveis, utilize sempre um mesmo padrão para defini-las.
Podem existir variáveis globais com o mesmo nome de variáveis locais, porém, esta prática não é aconselhável.
Existem três tipos de variáveis: Numericas, Booleanas e Strings.
Como já era de se esperar, as variáveis numéricas são assim chamadas pois armazenam números, as Booleanas valores lógicos (True/False) e as Strings, sequência de caracteres.
As strings podem ser delimitadas por aspas simples ou duplas, a única restrição é que se a delimitação começar com as aspas simples, deve terminar com aspas simples, da mesma forma para as aspas duplas. podem ser incluídos dentro de uma string alguns caracteres especiais, a saber:
\t - posiciona o texto a seguir, na próxima tabulação;
\n - passa para outra linha;
\f - form feed;
\b - back space;
\r - carrige return.
O JavaScript reconhece ainda um outro tipo de contúdo em variáveis, que é o NULL. Ná prática isso é utilizado para a manipulação de variáveis não inicializadas sem que ocorra um erro no seu programa.
Quando uma variável possui o valor NULL, significa dizer que ela possui um valor desconhecido ou nulo, o null não é igual a nada, nem mesmo ao próprio null.
A representação literal para NULL é a string 'null' sem os delimitadores. quando referenciado por uma função ou comando de tela, será assim que NULL será representado. Observe que NULL é uma palavra reservada.
Você pode trabalhar ainda com Arrays, mas para isso será necessário alguns conhecimentos sobre Programação Orientada a Objetos.
Operadores
Junto com funções e variáveis,
operadores são blocos de construção de
expressões. Um operador é semelhante a uma
função no sentido de que executa uma
operação específica e retorna uma valor.
Operadores
Unários e binários
Todos os operadores em JavaScript requerem um ou dois
argumentos, chamados operandos. Aqueles que requerem um operando
apenas, são denominados operadores unários, e os
que requerem dois operandos são chamados de operadores
binários.
Operador de
String
|
|
Operador de concatenação Exemplo: Nome1="José" Nome2="Silva" Nome = Nome1+" da "+Nome2 // O resultado é: "José da Silva" |
Operadores Matemáticos
|
|
Adição Exemplo: V01=5 V02=2 V=V01+V02 // resulta em: 7 | ||
|
|
Subtração Exemplo: V01=5 V02=2 V=V01-V02 // resulta em: 3 | ||
|
|
Multiplicação Exemplo: V01=5 V02=2 V=V01*V02 // resulta em: 10 | ||
|
|
Divisão Exemplo: V01=5 V02=2 V=V01/V02 // resulta em: 2.5 | ||
|
|
Módulo da divisão (resto) Exemplo: V01=5 V02=2 V=V01%V02 // resulta em: 1 | ||
|
|
Incremento. Pode acontecer de duas formas: ++Variável ou Variável++
| ||
|
|
Decremento. Pode acontecer de duas formas: --Variável ou Variável--
|
Operadores relacionais
|
|
Menor que |
|
|
Maior que |
|
|
Igual |
|
|
Diferente |
|
|
Maior ou igual |
|
|
Menor ou igual |
Operadores lógicos
|
|
E lógico |
|
|
Ou lógico |
Operadores de atribuição
|
|
Atribuir |
|
|
Soma ou concatenação e atribuição. x+=5 // é o mesmo que: x=x+5 |
|
|
Subtração e atribuição. x-=5 // é o mesmo que: x=x-5 |
|
|
Multiplicação e atribuição. x*=5 // é o mesmo que: x=x*5 |
|
|
Divisão e atribuição. x/=5 // é o mesmo que: x=x/5 |
|
|
Módulo e atribuição. x%=5 // é o mesmo que: x=x%5 |
Objetos
Quando lemos um livro sobre OOP, chegamos a
incrível conclusão de que o autor tenta nos convencer
de que um objeto pode ser qualquer coisa. O mais incrível
ainda é que ele está absolutamente certo!
Não pretendo aqui discutir a respeito desse assunto, vou apenas relembrar alguns conceitos básicos.
Vou fazer uma comparação com uma Tv. Quando compramos um televisor, recebemos um manual, que por mais simples que possa ser, traz sempre algumas especificações técnicas do aparelho. Por exemplo: Polegadas da tela, voltagem de trabalho, entre outras. Essas especificações técnicas transferido para o vocabulário da OOP são as propriedades do objeto (televisor). Em JavaScript essas propriedades nada mais são do que variáveis internas do objeto.
Um objeto está sujeito a determinados métodos. Um método geralmente é uma função que gera alguma informação referente ao objeto. Por exemplo ao mudar de canal, nós estamos executando uma função do televisor, o mesmo ocorre quando aumentamos ou diminuimos o volume.
Seguindo nosso exemplo, quando a tensão da rede sai da faixa de trabalho no caso de uma queda de tensão ou uma sobrecarga, o sistema de segurança da Tv, não permite que ocorram danos no aparelho, quando muito, queima o fusível da fonte de alimentação. Em aparelhos mais modernos, quando uma emissora sai do ar, a tela fica azul, sem aquele chiado irritante. Sendo assim podemos concluir que nosso objeto está sujeito a algumas situações, estas situações podem ocorrer a qualquer momento, e são chamadas de eventos.
Criando Objetos
Trabalhar com objetos é a única forma de
manipular com arrays, vejamos como: Digamos que queremos
implementar uma lista de clientes, nosso objeto poderia ser definido
assim:
Function CriaClientes(nome,endereco,telefone,renda)
{
this.nome=nome;
this.endereco=endereco;
this.telefone=telefone;
this.renda=renda;
}
A propriedade this especifica o objeto atual como sendo fonte dos valores passados a função.
Agora, basta criar o nosso objeto:
Maria = New CriaClientes('Maria Aparecida','Rua Guilhotina dos Patos, S/N','332-1148',1300)
Para acessar as propriedades do objeto Maria, basta usar a seguinte sintaxe:
Maria.nome - retorna 'Maria Aparecida'
Maria.endereco - retorna 'Rua Guilhotina dos Patos, S/N'
Maria.telefone - retorna '332-1148'
Maria.renda - retorna 1300
Você deve estar se perguntando: Mas você enrolou e não disse nada sobre arrays...
Está aí o que você queria! Uma outra forma de referenciar as propriedades do objeto Maria, é:
Maria[0], Maria[1], Maria[2], Maria[3]
Uma forma mais prática de criar arrays poderia ser a seguinte:
Function Matriz(n)
{
this.length=n
for (var contador=1 ; contador <=n ; conatdor=contador+1)
{
this[contador]=""
}
}
Para criar nossa matriz usaríamos o seguinte comando:
Mes=Matriz(12)
O próximo passo seria apenas incluir os dados:
Mes[1] = 'Janeiro'
Mes[2]='Fevereiro'
...
Mes[12]='Dezembro'
Podemos também utilizar os dois métodos ao mesmo tempo!
Clientes=New Matriz(3)
Clientes[1]=New CriaClientes("Charlene","Rua A, 51","331-0376",1150)
Clientes[2]=New CriaClientes("José","Rua das Avencas, S/N","332-2781",950)
Clientes[3]=New CriaClientes("Joaquim Manoel", "Rua Amancio Pinto, 171", ,1000)
Teríamos agora:
Clientes[1].nome = "Charlene";
Clientes[2].telefone="332-2781"
Clientes[3].telefone=null