JavaScript é uma linguagem que permite injetar mais dinamismo em páginas em HTML. Com ele podemos programar códigos para serem executados direto no Browser sem a necessidade de realizar uma requisição no servidor. Tecnologias recentes como o AJAX tem como base o JavaScript e com isso permite criar sites mais interativos.
Os códigos escritos em JavaScript
podem estar associados a um evento ou não. Os códigos soltos são executados na
seqüência em que aparecem na página (documento) e os associados a eventos são
executados apenas quando o evento ocorre. Para inserir um código JavaScript em
meio ao seu HTML basta colocá-lo entre as tags:
<script language=”javasript”>
instruções
</script>
Este procedimento pode ser adotado em qualquer local da página. Entretanto, para
melhor visualização e facilidade de manutenção, recomenda-se que toda o código
seja escrita no início do documento, através da criação de funções a serem
invocadas quando se fizer necessário (normalmente associados a eventos).
Os comandos JavaScript são Case Sentitive. Portanto, é necessário que seja
obedecida a forma de escrever os comandos, levando em consideração este aspecto.
Para se Ter uma idéia da sintaxe dos comandos JavaScript segue abaixo as
principais fatures da linguagem.
OPERADORES LÓGICOS
Operadores utilizados para construção de expressões lógicas. Este tipo de
expressão só retorna um valor que poderá ser somente verdadeiro ou falso.
|
Operador |
Função |
|
&& |
E | AND |
|
|| |
OU | OR |
|
! |
NÃO | NOT |
OPERADORES ARITIMÉTICOS
Operadores utilizados para construção de expressões matemáticas. O uso destes
operadores respeita a mesma precedência matemática.
|
Operador |
Função |
| + |
SOMA |
| - |
SUBTRAÇÃO |
| * |
MULTIPLICAÇÃO |
| / |
DIVISÃO |
| % |
RESTO DA DIVISÃO |
| += |
ELE MESMO MAIS |
| -= |
ELE MESMO MENOS |
| *= |
ELE MESMO VEZES |
| /= |
ELE MESMO DIVIDIDO |
| ++ |
INCREMENTO |
| -- |
DECREMENTO |
OPERADORES COMPARAÇÃO
Operadores utilizados para construção de expressões comparativas. Muito
utilizado em expressões lógicas.
| Operador |
Função |
| = |
ATRIBUIÇÃO |
| = = |
IGUAL |
| != |
DIFERENTE |
| > |
MAIOR QUE |
| >= |
MAIOR OU IGUAL A |
| < |
MENOR QUE |
| <= |
MENOR OU IGUAL A |
COMENTÁRIOS E STRINGS
Os comentários no JavaScript são iguais a muitas linguagens que conhecemos no
mercado, inclusive Delphi e em relação a strings temos a opção de trabalhar com
os dois tipos de aspas (simples e dupla). Ainda em relação a Strings temos
alguns comandos que podemos incluir nas mesmas para forçar alguns efeitos.
|
Operador |
Função |
| // |
COMENTÁRIO DE UMA ÚNICA LINHA |
| /* */ |
COMENTÁRIO DE MULTIPLAS LINHAS |
| “ “ |
DELIMITADOR DE STRING |
| ‘ ‘ |
DELIMITADOR DE STRING |
| \b |
BACKSPACE |
| \f |
FROM FEED |
| \n |
NEW LINE |
| \r |
CARRIAGE RETURN |
| \t |
TAB |
VARIÁVEIS
A variável nada mais é do que um espaço reservado em memória onde se armazena um
valor qualquer, um espaço onde podemos salvar qualquer tipo de informação que
venha ser necessário para a execução de um determinado código.
Os nomes das variáveis devem ser construídos com caracteres alfanuméricos e o
caractere underline (_). Deve sempre começar por um caracter alfabético ou (_).Não
se pode utilizar caracteres especiais como $, %, *, entre outros assim como em
outras linguagens.
Declarar variáveis consiste em definir e informar ao sistema que vamos utilizar
uma variável. Para de declarar uma variável em JavaScript utilizamos a palavra
reservada var, muito conhecida dos programadores Delphi.
var variavel1
var variavel2
Também pode-se atribuir um valor à variável quando se está declarando
var variavel1 = Active
var variavel2 = Delphi
var operando1,operando2
Em relação ao escopo temos variáveis globais e locais. As globais o escopo e a
própria pagina onde foi declarada e local são as declaradas dentro de funções:
<SCRIPT>
var VariavelGlobal
</SCRIPT>
<SCRIPT>
function MyFunc(){
var variavellocal
}
</SCRIPT>
Como toda linguagem, embora esta seja de script, o JavaScript possui suas
estruturas condicionais e de repetição.
COMANDOS CONDICIONAIS
Neste tipo de estrutura o fluxo da execução sofre um desvio dependendo da
avaliação de um expressão lógica.
Estrutura IF
if (condição){
executa se condição verdadeira
}else{
executa se condição falsa
}
O else é opcional pode ou não estar presente. Exemplo:
if (Idade < 18){
Categoria = "Menor";
}else{
Categoria = "Maior";
}
if (Idade < 18){
Categoria = "Menor";
}
Estrutura SWITCH
Esta estrutura e semelhante ao Case do Delphi.
switch(expressão){
case valor1:
executar se expressão = valor1
break
case valor2:
executar se expressão = valor2
break
case valor3:
executar se expressão = valor3
break
default:
executar se expressão != das anteriores
}
COMANDOS DE REPETIÇÃO
Neste tipo de estrutura o fluxo da execução é submetido a um loop que varia na
forma em que executado.
Comando FOR
for (iniciação;condição;atualização) {
código executado a cada repetição
}
var i
for (i=0;i<=10;i++) {
document.write(i)
}
Comando WHILE
while (condição){
código executado a cada repetição
}
var i = 0
while (i < 10){
i++
}
Comando WHILE
do {
código executado a cada repetição
} while (condição)
var i = 0
do{
i++
} while (i < 10)
CONCLUSÃO
Bem esta foi apenas um introdução rápida sobre a linguagem JavaScript, bom mesmo
para quem nunca lidou com esta linguagem. No próximo artigo veremos como criar e
manipular funções no JavaScript na seqüências as classes e métodos dos diversos
objetos em JavaScript e na 4ª e ultima parte como interagir com os diversos
controles HTML através do JavaScript. Um abraço e ate a próxima. Eu sou Rodrigo
Carreiro e pela sua atenção muito obrigado.
Rodrigo Carreiro Mourão
Consultor da TDS Tecnologia – RJ atuando na área de desenvolvimento de projetos
Orientados a Objetos, Design Patterns, MVC. BDS2006 Win32 Product Certified.
Borland Instructor Certified. Instrutor de treinamento oficiais CodeGaer
DelphiWin32, Delphi for PHP, Delphi .Net. Palestrante da Borland Conference
2007. Mantenedor da Comunidade Delphi só PHP, a primeira comunidade 100%
construída com Delphi for PHP para os usuários de Delphi for PHP.
www.delphisophp.com
|