17
Aula 2:

JavaScript: Estruturas (aula 2)

Embed Size (px)

DESCRIPTION

Curso de Extensão em Desenvolvimento Web - Módulo III: JavaScript. Curso de Sistemas de Informação da ULBRA Cachoeira do Sul

Citation preview

Page 1: JavaScript: Estruturas (aula 2)

Aula 2:

Page 2: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

Tipos de Estruturas

Page 3: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

Tipos

• Estrutura de Controle var, function, return

• Estruturas de Decisão (ou estrutura condicional) if/else, switch, case, break, default

• Estruturas de Repetição (laço de repetição)

for, while, do while

• Estruturas de Exceção

throw, try/catch/finally/with

JavaScript – Estruturas

Tipos de Estruturas

Page 4: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

Estruturas de Controle

Page 5: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

var

Utilizada para criar uma ou mais variáveis.

JavaScript – Estruturas

Tipos de Controle

var a, b, c; //variáveis inicializadas com valores indefinidos

var a=1, b=2, c=3;

Page 6: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

function

Utilizada para criar um função.

JavaScript – Estruturas

Tipos de Controle

//Função sem passagem de parâmetros

function dividir(){

alert(6 /2 );

}

//Função com passagem de parâmetros

function multiplicar(num1, num2){

alert(num1 * num2);

}

multiplicar(6,2)

Page 7: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

return

Qual a diferença de uma Função e um Método?

JavaScript – Estruturas

Tipos de Controle

//Função sem passagem de parâmetros

function subtrair(num1, num2){

return num1 - num2;

}

resultado = subtrair(6, 2);

alert(resultado);

Métodos sempre retornam valores.

Page 8: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

Estruturas de Decisão

Page 9: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

if

JavaScript – Estruturas

Estrutura de Decisão

SE (if) fizer sol vamos ao clube

SENÃO (else) vamos ao shopping.

Page 10: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

if

JavaScript – Estruturas

Estrutura de Decisão

Condição

Comandos

V

F 1. if (condição){

2. //comandos

3. }

Page 11: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

if, else

JavaScript – Estruturas

Estrutura de Decisão

if (condição){

//comandos 1

}else{

//comandos 2

}

Condição

Comandos 1

V F

Comandos 2

Page 12: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

switch

JavaScript – Estruturas

Estrutura de Decisão

Condição 1

Condição 2

Condição 3

Comandos 1

Comandos 2

Comandos 3 Comandos n F V

V

V

F

F switch (variavel){

case valor 1:

//comandos 1

break;

case valor 2:

//comandos 2

break;

case valor 3:

//comandos 3

break;

default:

//comandos alternativos

}

Page 13: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

Estruturas de Repetição

Page 14: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

for

JavaScript – Estruturas

Estrutura de Repetição

for (var i=0; i<3; i++){

//comandos

}

Var ← inicio, fim,

incremento

Comandos

Page 15: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

while

JavaScript – Estruturas

Estrutura de Repetição

while (i<3){

//comandos

i++

}

Condição

Comandos

F

V

Page 16: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

do while

JavaScript – Estruturas

Estrutura de Repetição

do{

//comandos

i++

} while (i<3);

Comandos

Condição F

V

Page 17: JavaScript: Estruturas (aula 2)

prof. Gustavo Zimmermann | [email protected]

<fim />