Java script aula 03 - objetos

1.478 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.478
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
132
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Java script aula 03 - objetos

  1. 1. JAVASCRIPT - OBJETOSCristiano Pires Martins - Fonte: JavaScript Guia do Programador Maujor - NOVATEC 1
  2. 2. ObjetosPseudolinguagem orientada a objetosObjetos Coleção não ordenada de propriedades e métodos constituída por pares nome/valor; 2
  3. 3. Criando ObjetosFunção construtora nativa denominada Object()var livro = new Object(); 3
  4. 4. var livro = new Object(); Sintaxe paralivro.titulo = “JavaScript”;livro.autor = “Maujor”; criar olivro.paginas = “432”; objeto livrolivro.preco = “R$69,00”;livro.freteSedex = function (ceporigem,cepdestino,peso){ var valorFrete = “”; valorFrete = ceporigem * cepdestino * peso; return valorFrete;}livro.capitulo1 = “Revisao JavaScript”;livro.capitulo2 = “Funções”;livro.capitulo3 = “Eventos”;livro.capitulo4 = “Requisições”; 4
  5. 5. Para recuperar os valores de propriedades e métodosvar nomeAutor = livro.autor;var capituloQuatro = livro.capitulo4;var valorFrete = livro.freteSedex(15700000,1,2);alert(“Autor: “ + nomeAutor + “nCap5: “ +capituloQuatro + “n Valor Frete: ” + valorFrete); 5
  6. 6. Objetos• Outra sintaxe para recuperar os valores de propriedades de um objeto: • var nomeAutor = livro[autor]; • var capituloCinco = livro[capitulo5]; 6
  7. 7. Apresentar todos os pares do objetovar pares = “”;for(var prop in livro){ pares += prop + “: ” + livro[prop] + “n”;};alert(pares); 7
  8. 8. Objeto Livro usandovar livro = new Object(); objeto capítuloslivro.titulo = “JavaScript”;livro.autor = “Maujor”; aninhadolivro.paginas = “432”;livro.preco = “R$69,00”;livro.freteSedex = function (ceporigem,cepdestino,peso){ var valorFrete = “”; valorFrete = ceporigem * cepdestino * peso; return valorFrete;}livro.capitulos = new Object(); //note que não usa “var”livro.capitulos.capitulo1 = “Revisao JavaScript”;livro.capitulos.capitulo2 = “Funções”;livro.capitulos.capitulo3 = “Eventos”;livro.capitulos.capitulo4 = “Requisições”; 8
  9. 9. var livro = { “titulo” : “JavaScript”, “autor” : “Maujor”, Sintaxe Literal “paginas” : “432”, “preco” : “R$69,00”, “freteSedex” : function (ceporigem,cepdestino,peso){ var valorFrete = “”; valorFrete = ceporigem * cepdestino * peso; return valorFrete; }, “capitulos”: { “capitulo1” : “Revisao JavaScript”, “capitulo2”: “Funções”, “capitulo3” : “Eventos”, “capitulo4” : “Requisições” }}; 9
  10. 10. Objetos Sintaxe Literal• Outra sintaxe para recuperar os valores de propriedades de um objeto: • var autor = livro.autor; • var autor = livro[“autor”]; 10
  11. 11. Objetos Sintaxe Literalvar pares = “”;for(var prop in livro){ pares += prop + “: ” + livro[prop] + “n”;};alert(pares); 11
  12. 12. Listar Objetos Aninhadosvar pares = “”;for(var prop in livro){ pares += prop + “: ” + livro[prop] + “n”; if(typeof livro[prop] == “object”){ for(var prop1 in livro[prop]){ pares += prop1 + “: ” + livro[prop][prop1] + “n”; } }};alert(pares); 12
  13. 13. Listar Objetos Aninhados: Ocultar a linha capítulos: [object Object]var pares = “”;for(var prop in livro){ if(typeof livro[prop] == “object”){ for(var prop1 in livro[prop]){ pares += prop1 + “: ” + livro[prop][prop1] + “n”; } } else pares += prop + “: ” + livro[prop] + “n”;};alert(pares); 13
  14. 14. Construtor Denomina-se funçãoconstrutora ou simplesmenteconstrutor uma função capaz de criar objetos 14
  15. 15. Exemplo de Construtorfunction Cilindro(r,h) { this.raioBase = r; this.altura = h;};cilindroUm = new Cilindro(2,5);alert(“Raio da base: “ + cilindroUm.raioBase +“nAltura: “ + cilindroUm.altura); 15
  16. 16. Construtor• No vocabulário de programação orientada aobjetos, uma função construtora é chamada de classe.• Em JavaScript não existem classes com o mesmosentido de outras linguagens; Por convenção e de acordo com as boas práticas de programação, nomes de construtores devem começar com letra maiúscula. 16
  17. 17. Objeto Nativo Math • var pi = Math.PI; • var pot = Math.pow(x,y); • Exemplo:function areaBase(){ aBase = Math.PI * Math.pow(this.raioBase, 2); return aBase;} 17
  18. 18. Funções para os métodos criadosfunction Cilindro(r,h) { this.raioBase = r; this.altura = h; this.areaBase = calcularAreaBase;};function calculaAreaBase(){ return Math.PI * Math.pow(this.raioBase, 2);};cilindroUm = new Cilindro(2,5);alert(“Raio da base: “ + cilindroUm.raioBase + “nAltura: “+ cilindroUm.altura + “)nÁrea da base: “ +cilindroUm.areaBase()); 18
  19. 19. Sintaxe Alternativafunction Cilindro(r,h) { this.raioBase = r; this.altura = h; this.areaBase = function calculaAreaBase() return Math.PI * Math.pow(this.raioBase, 2);}; 19
  20. 20. function Cilindro(r,h) { this.raioBase = r; Função Construtora this.altura = h; this.areaBase = function calculaAreaBase() return Math.PI * Math.pow(this.raioBase, 2); }; this.areaLateral = function calculaAreaLateral(){ return 2 * Math.PI * this.raioBase * this.altura }; this.areaTotal = function calculaAreaTotal(){ return 2 * aBase + aLateral; }; this.volume = function calculaVolume(){ return aBase * this.altura; };};cilindroDois = new Cilindro(3,10);alert(“Raio da base: “ + cilindroDois.raioBase + “nAltura: “ +cilindroDois.altura + “)nÁrea da base: “ + cilindroDois.areaBase() + “nÁreaLateral: “ + cilindroDois.areaLateral() + “nÁrea Total: ” +cilindroDois.areaTotal() + “nVolume: ” + cilindroDois.volume()); 20

×