Introdução ao JavaScript - Parte 2

Depois de algum tempo sem postar aqui, devido a projetos pessoais e faculdade, estou de volta para mostrar mais algumas coisas sobre JavaScript como havia prometido. Então vamos lá!

O Objeto document

Document é um objeto usado para modificar ou obter propriedades da página que está sendo exibida. Ele é um container com todos objetos que estão na página HTML.
Vamos começar com um simples exemplo de como esse objeto pode ser usado:

Neste exemplo usamos o método write e a propriedade location de document para escrever na página e mostrar qual a atual URL sendo exibida.
Outro caso simples de uso seria para alterar a cor de fundo da página:

Obviamente o objeto document possui muitos outros métodos e propriedades, mas não vou abordar todos aqui, caso queira saber mais entre aqui.


Outros objetos

Existem outros objetos que também são importantes no JavaScript:

• Window
• Navigator
• Screen
• History
• Location

Uma propriedade do objeto navigator muito utilizada serve para retornar o navegador utilizado:

Aqui segue uma boa referência dos objetos usados no JavaScript.


Semelhanças entre Java e JavaScript

Esse tópico não é sobre características nem finalidades das linguagens, mas sim sobre semelhanças em sua sintaxe. Vamos começar com os operadores.
Os operadores no Java são praticamente os mesmos do JavaScript:

• Aritméticos: +, -, *, /, %, ++, --
• Atribuição: +=, -=, *=, /=, %=
• Comparação: ==, !=, >, >=, <, <=
• Lógicos: &&, ||, !

JavaScript não suporta o operador instanceof. Outra coisa importante sobre operadores é que strings devem ser comparadas utilizando ==, veja:

O resultado é true. Porém se uma string for inicializada assim:

var x2 = new String("teste");
var x3 = new String("teste");

A comparação deve ser feita deste modo:

if(x2.toString() == x3.toString())
 document.write("true");
else
 document.write("false");

Achei essa dica aqui...
Com isso também podemos ver que a estrutura de comparação if é a mesma nas duas linguagens.

Agora vamos para a estrutura de seleção switch:

switch (variável)
{
 case 'valor 1': 
 {
  //bloco de comandos;
  break;
 }
 case 'valor2':
 {
  //bloco de comandos;
  break;
 }
 default:
 {
  //comando alternativo;
 }
}

Aqui temos uma estrutura básica. Temos duas diferenças da linguagem Java. Uma são as chaves entre os blocos e outra é o tipo de dados. No Java o switch trabalha com os tipos primitivos byte, short, char, e int (existem algumas exceções mas basicamente é isso). Já no JavaScript podemos trabalhar com strings também. Continuando o exemplo anterior:

switch (x1)
{
 case 'texto': 
 {
  document.write("Ok!");
  break;
 }
 case 'valor':
 {
  //bloco de comandos;
  break;
 }
 default:
 {
  document.write("Nenhum!");
 }
}

Veja também que tanto faz usar aspas simples ou duplas. Outra coisa é que os comentários podem ser feitos da mesma forma que o Java (//... ou /* ... */ ).

Agora vamos para estruturas de repetição. No JavaScript temos 3 tipos delas, for, while e do while. Alguns dizem que são 4 estruturas, contando que existem 2 tipos de for (for normal e for in). Exceto o for in, as outras funcionam da mesma forma nas duas linguagens:

Assim como no Java, o JavaScript também aceita as instruções break e continue.
Agora o for in. O for in funciona como o for each do Java. Temos um array com elementos e usamos o for in para percorrê-lo:

var x;
var carros = new Array();
carros[0] = "Ferrari";
carros[1] = "Lamborghini";
carros[2] = "Porsche";

for (x in carros)
{
 document.write(carros[x] + "
");
}

Conclusão

Finalizo essa introdução ao JavaScript e espero que possam ter tirado algum proveito das informações contidas aqui. Sei que é pouca coisa mas dá pra começar. Tem um site muito bom que tenho usado como referência: w3schools. Esse site tem muito conteúdo, não so de JavaScript mas outras linguagens também.

Bons estudos!