O documento descreve conceitos e operadores fundamentais de JavaScript, incluindo:
1) Operadores matemáticos, lógicos e de comparação;
2) Estruturas condicionais como if/else e switch;
3) Estruturas de repetição como for, while, do/while;
4) Tratamento de erros com try/catch/finally/throw.
Alguns exercícios de fixação sobre esses tópicos são apresentados no final.
4. Operadores
• Precedência dos Operadores;
• Ver tabela;
• Associatividade dos Operadores;
• a = 8 + 4 + 18
• x = y = 40 <=> (x = (y=40))
• y = 20; x = y = z; <=> erro! z é indefinida
5. Operadores
• Operações Matemáticas = C
• Operações de Comparação
• Além das de C:
• === -> identidade
• !== -> não identidade
var x = 43
x == 43 //retorna true
x == “43” //retorna true
x == 67 //retorna false
var x = 43
x === 43 //retorna true
x === “43” //retorna false
67 === “67” //retorna false
6. Operadores
• Operações Lógicas
• &&, || e !
• Com o uso de dupla negação (!!), pode-se forçar
qualquer variável a assumir um valor booleano:
var x = 30;
alert(x); //alerta 30
alert(!!x); //alerta true
8. Operadores
• Operações com Strings
x = “”;
x += “Olá ”;
x += “Mundo ”;
x += “Cheguei ”;
x += “hoje.”;
alert (x);
9. Atividade
Exercícios
de
JavaScript
1.
Faça
um
script
usando
a
caixa
de
diálogo
de
alerta
para
mostrar
o
seu
nome;
2.
Faça
um
script
usando
a
caixa
de
diálogo
de
Con?irmação
para
perguntar
se
o
usuário
tem
certeza
que
quer
continuar
navegando
no
site.
Se
sim,
mostre
o
seu
nome.
3.
Faça
um
script
usando
a
caixa
de
diálogo
Prompt
para
pegar
o
nome
da
pessoa
e
em
seguida
mostrar
numa
caixa
de
Alerta.
Exempo: var texto = prompt("Escreva um texto:", "");
4.
Faça
um
script
usando
o
write
para
construir
um
o
texto
com
as
características
abaixo
feitas
em
HTML.
5.
Coloque
um
botão
na
página
feita
no
exercício
anterior
que
quando
clicado,
mostre
a
mensagem:
“Trabalho
Concluído!!!“.
Faculdade
de
Tecnologia
de
Jales
-‐
FATEC
Jales
Olá
Mundo!
Meu
primeiro
texto
em
HTML
feito
através
do
JavaScrip.
Seu
Nome.
10. Declarações
• Linha ou um bloco de comandos que compõem um
script.
• Um programa é uma sequência de declarações.
11. Declarações
Declarações Finalidades
var Declarar uma variável
function Declarar uma função
return Retornar um valor
if/else Criar estrutura condicional
switch Criar estrutura condicional
case Usado em estrutura condicional switch
break Usado em estrutura condicional switch
default Usado em estrutura condicional switch
for Criar um loop
continue Reiniciar loop
while Criar estrutura de repetição
do/while Criar estrutura de repetição
for/in Criar loop em objeto
throw Sinalizar erros
try/catch/finally Tratar erros
with Alterar o escopo
; Declaração vazia
12. var
• var nome1 [=valor1], [nome2 = valor2], ... , [nomen
= valorn];
• var x;
• var x=6;
• var x,y,z,w;
• var x=2,y=3;
13. function
function nomefuncao([arg1, arg2, ..., argn])
{
//script;
};
Exemplo:
function multiplica (x,y){
var resultado = x * y;
alert(resultado);
};
Exemplo return:
function soma (x,y){
return (x + y);
};
var a = soma(3,2);
14. Estruturas Condicionais
if (expressão)
{
//faça isso
};
//script continua
var idade = 3;
if (idade <=11)
{
alert(“Você é uma criança”);
};
//script continua
if (expressão)
{
//faça isso
}
else
{
//faça aquilo
};
//script continua
if (expressão)
//faça isso
else
//faça aquilo
//script continua
if (expressão)
{
//faça isso
}
else if (expressão)
{
//faça aquilo
}
else
{
//faça este
};
//script continua
15. Estruturas Condicionais
switch(expressão){
case resultado1:
script1;
break;
case resultado2:
script2;
break;
...
default:
script_padrao;
};
var estadoSul = “SC”;
switch(estadoSul){
case “RS”:
alert(“Rio Grande do Sul”);
break;
case “SC”:
alert(“Santa Catarina”);
break;
case “PR”:
alert(“Paraná”);
break;
default:
alert(“Não é sigla”);
};
16. for
for(valor_inicial;condição;incremento)
{
//faça isso;
};
Exemplo:
var msg = “”;
for(var i=0;i<10;i++)
{
msg += i + “, ”;
};
alert (msg);
Exemplo:
var msgp = “”;
var msgi = “”;
for(var i=0;i<20;i++){
if (i%2==0){
msgp += i + “-”;
}
else{
msgi += i + “-”;
}
};
alert (“pares: ”+
msgp);
alert (“ímpares: ”+
msgi);
19. for/in
for (variavel in objeto)
{
//faça isso;
}
var Carro =
{
marca:”Renault”,
modelo: “Logan”,
comprimento: “4.250mm”,
largura: “1.735mm”,
altura: “1.525mm”
};
var msg = “”, k;
for (k in Carro)
{
msg += k + “:” + Carro[k] +
“n”;
};
alert (msg);
20. try/catch/finally
try{
//script com possível exceção
}
catch (e){
//tratamento do erro
}
finally{
//script a executar ocorra ou
//não a exceção
};
try{
var x = u;
var y = x+2;
alert (y);
}
catch (e){
alert(e.message + “n” +
e.name + “n” +
e.toString());
};
21. try
catch
finally
throw
var x = prompt(“Entre um número maior que 0 e
menor que 11”, “”);
try{
if(x<=0)
throw(“er1”);
if(x>=11)
throw(“er2”);
if(isNaN(parseInt(x)))
throw(“er3”);
}
catch (e){
if (e == “er1”)
alert(“O número deve ser maior que 0”);
if (e == “er2”)
alert(“O número deve ser menor que 11”);
if (e == “er3”)
alert(“Entre somente número maior que 0 e
menor que 11”);
};
22. Exercícios
• 1) Faça uma calculadora usando JavaScript. Para isso utilize
ferramentas do JavaScript: caixas de diálogo.
• 2) Faça um programa que receba 10 números e conte quantos são
pares, quantos ímpares e quantos são zeros.
• 3) Faça um programa, usando função, que receba um número usando
uma janela de entrada, calcule o fatorial e imprima o resultado no
html.
• 4) Faça um programa utilizando try/catch/finally/throw, que calcule se
um número é primo. Não é permitido números negativos. Os
números 0 e 1 não são primos, deem as mensagens.