Sintaxe e Orientação a Objetos em JavaScript

Prévia do material em texto

Aula 8 – Sintaxe Javascript; Orientação a Objetos com Javascript 
 
Introdução 
Nesta aula, abordaremos a linguagem JavaScript® (uma das tecnologias do lado do cliente), explicando suas 
características, princípios básicos da lógica e da sintaxe. Estudaremos, também, os fundamentos de orientação a 
objetos aplicados na linguagem JavaScript. 
 
Introdução ao JavaScript 
 
 
 
Linguagens Script 
 
JavaScript é uma linguagem de programação interpretada (linguagem script) com características de orientação a 
objetos. Desenvolvida pela Netscape Communications Corporation® a fim de estender as capacidades de browser 
por ela desenvolvido. Permite que conteúdo executável seja incluído em páginas web. É sintaticamente semelhante 
a C e C++. 
 
Trata-se de uma linguagem que diferencia letras maiúsculas de minúsculas. Palavras-chave e identificadores (por 
exemplo, nomes de funções e de variáveis) devem ser escritos obedecendo a esta regra. Por exemplo, a palavra-
chave function deve ser escrita exatamente dessa forma e não como Function ou FUNCTION. 
 
JavaScript: Tipos de dados 
 
 
 
Todos os valores numéricos são "declarados" pela simples atribuição dos valores a uma variável. 
 
Exemplos: 
 
Inteiros: 
var x = 27; //atribuição na forma comum 
var y = 0543; //notação octal que equivale a 357 
 
 
 
Na programação JavaScript, há 2 (dois) tipos de variáveis indefinidas: 
 
• O primeiro tipo de variável indefinida é um tipo que nunca foi 
 declarado. Ao tentarmos ler um valor dessa variável não 
 declarada, haverá um erro em tempo de execução. 
• O segundo tipo é aquela que foi declarada, entretanto nunca 
 teve um valor atribuído a ela. Ao ler o valor de uma variável 
 deste tipo, teremos seu valor default, padrão: undefined; 
 
Exemplo: 
 
 
 
 
Sequência de caracteres. Em JavaScript; a string pode ser tanto um tipo primitivo de dado como um objeto. 
 
Exemplo: 
 
 
 
 
 
Uma variável do tipo booleano pode assumir apenas 2 (dois) valores: true e false. Os valores deste tipo são, 
geralmente, utilizados como resultado de comparações e podem ser usados pelo usuário para valores de teste ou 
para atributos que possuam apenas 2 (dois) estados. Equivale ao uso de um inteiro com valores 0 ou 1 na linguagem 
C. O JavaScript converte automaticamente true para 1 e false para 0 quando isso for necessário. 
Exemplos: 
 
 
 
 
 
Ausência de valor. Quando atribuímos null a um objeto ou variável significa que essa variável ou objeto não possui 
valor válido. 
 
Exemplo: 
 
 
 
 
 
Arrays: pares do tipo inteiro-valor para se mapear valores a partir de um índice numérico. Os Arrays são objetos com 
métodos próprios. 
 
• Exemplo: A coleção de nomes ('Ana Cristina', 'Ana Lúcia', 'André Luiz', 'Andresa', 'Cilmara') pode ser criada da 
seguinte forma: 
 
 
• Exemplo: Arrays podem ser facilmente estendidos em JavaScript. Veja abaixo: 
 
 
 
 
JavaScript: Operadores 
 
As tabelas a seguir mostram os principais operadores: 
 
 
 
 
 
 
 
 
 
JavaScript: Estruturas de controle 
 
Existem algumas estruturas de controle que permitem a modificação do fluxo de execução de um programa. Elas 
permitem a execução do código baseado em condições lógicas ou um número determinado de vezes. 
 
If-Else – Exemplo: 
 
 
 
No código, se a expressão for avaliada como verdadeira, o primeiro bloco de comandos é executado. Caso seja 
avaliada como falsa, o bloco de comandos após o else será executado. 
 
Dica! 
 
Os comandos If-Else e Switch são instruções que permitem a tomada de decisão se uma determinada condição for 
satisfeita. 
 
Switch... case – Exemplo: 
 
 
 
Esta instrução é bem semelhante a uma estrutura IF, porém é mais eficiente em razão de ser mais simples sua 
utilização e seu entendimento. 
 
While: 
 
Esta instrução realiza uma ação enquanto determinada condição for satisfeita. Sua sintaxe básica é: 
 
while (expressão) { 
comandos 
 } 
 
Exemplo: No trecho de código abaixo, o laço while é repetido por 10 (dez) vezes: 
 
num=0; 
while(num<10){ 
document.write("Número: "+num+"<br>"); 
num++; 
} 
 
For: 
 
Esta instrução realiza uma ação até que determinada condição seja satisfeita. Sua sintaxe básica é: 
 
for (início;condição;incremento) { 
comandos 
} 
 
 Exemplo: Segue, abaixo, um exemplo prático de utilização do laço for que conta valores de 1 até 10, acrescentando 
um valor de cada vez: 
 
<script> 
for (i=1 ; i<=10 ; i++){ 
document.write("número: "+ i +"<br>"); 
} 
 </script> 
 
JavaScript: Funções 
 
As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. 
Dentro de uma função pode existir uma chamada a outra função. 
 
As funções podem ou não retornar alguma informação, o que é feito com o comando Return. 
 
A definição de uma função é feita da seguinte forma: 
 
Function NomeDaFunção([parâmetro1, parâmetro2, .... , parâmetroN]) 
{ 
... 
[Return(ValorDeRetorno)] 
 } 
 
 
JavaScript: Caixas de Diálogo 
 
 
 
 
JavaScript: Orientação a Objetos 
 
Ao contrário de uma variável, um objeto pode conter diversos valores e de tipos diferentes nele armazenados 
(atributos). E, também, pode possuir funções que operem sobre esses valores (métodos). Tanto os atributos, quanto 
os métodos, são chamados de propriedades do objeto. 
 
Para criar um objeto, basta invocar seu construtor através do operador new. 
 
 
Para acessar uma propriedade de um objeto, basta usar objeto.propriedade e no caso de métodos adicionar o 
operador (). 
 
Podemos definir um construtor para um objeto, assim como, também, podemos inicializar atributos ao instanciar o 
objeto. Para que um construtor inicialize um atributo, ele precisa ser referenciado através da palavra-chave this. 
 
 
 
 
 
 
 
 
 
Quando declaramos ou atribuímos um método no construtor de um objeto, ele ficará disponível para todas as 
instâncias criadas a partir desse construtor. Podemos fazer a mesma coisa com o uso da propriedade prototype. 
Tudo o que for definido no prototype de um objeto poderá ser referenciado por todas as instâncias desse objeto. 
 
 
 
 
 
array com objetos indexados por valores não numéricos: 
 
 
 
•Referências Bibliográficas: 
•ALBUQUERQUE, F.. A Linguagem JavaScript. Disponível na INTERNET via 
www.url: http://www.cic.unb.br/~fernando/matdidatico/textosintro/texto09.pdf Arquivo consultado em: 
30/12/2012 
•FLANAGAN, D. JavaScript – O Guia Definitivo. Porto Alegre: Bookman, 2002. 
•GRILLO, F.D.N.; FORTES, R.P.M. Aprendendo JavaScript. Disponível na INTERNET via 
www.url: http://www2.icmc.usp.br/~biblio/BIBLIOTECA/not_did/ND_072.pdfArquivo consultado em: 30/12/2012 
•LIMA, A.G. Apostila JavaScript: Aplicações Interativas para a Web, Minas Gerais: Belo Horizonte, 2006. Disponível 
na INTERNET via www.url:http://www.kingartdesign.com/upload/downloads/08042010122047.pdf Arquivo 
consultado em: 30/12/2012 
•SENNE, E.L.F. A Linguagem JavaScript. Disponível na INTERNET via 
www.url: http://www.feg.unesp.br/~saad/php/Aula04.pdf Arquivo consulta-do em: 01/01/2013. 
•SIQUEIRA, M.J.; DE ALMEIDA, C. Java Script. Disponível na INTERNET via 
www.url: http://lab.ifto.edu.br/~marinaldo/PROGWEB/aulas/aula_JavaScript_otima.pdfArquivo consultado em: 
01/01/2013