O documento descreve objetos em JavaScript, incluindo como criar e acessar propriedades e métodos de objetos. Objetos são coleções não ordenadas de pares nome/valor que podem ser criados usando a função construtora Object() ou sintaxe literal. Propriedades e métodos de objetos podem ser acessados usando notação de ponto ou colchetes.
4. Sintaxe para
criar o
objeto livro
var livro = new Object();
livro.titulo = “JavaScript”;
livro.autor = “Maujor”;
livro.paginas = “432”;
livro.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”;
5. Para recuperar os valores de
propriedades e métodos
var nomeAutor = livro.autor;
var capituloQuatro = livro.capitulo4;
var valorFrete = livro.freteSedex(15700000,1,2);
alert(“Autor:“ + nomeAutor + “nCap4:“ +
capituloQuatro + “nValor Frete: ” + valorFrete);
6. Objetos
• Outra sintaxe para recuperar os valores de
propriedades de um objeto:
• var nomeAutor = livro[autor];
• var capituloCinco = livro[capitulo5];
7. Apresentar todos os
pares do objeto
var pares = “”;
for(var prop in livro){
pares += prop + “: ” + livro[prop] + “n”;
};
alert(pares);
8. Objeto Livro usando
objeto capítulos
aninhado
var livro = new Object();
livro.titulo = “JavaScript”;
livro.autor = “Maujor”;
livro.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”;
10. Objetos
Sintaxe Literal
• Outra sintaxe para recuperar os valores de
propriedades de um objeto:
• var autor = livro.autor;
• var autor = livro[“autor”];
14. 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;
}
16. Exemplo de Construtor
function Cilindro(r,h) {
this.raioBase = r;
this.altura = h;
};
cilindroUm = new Cilindro(2,5);
alert(“Raio da base: “ + cilindroUm.raioBase +
“nAltura: “ + cilindroUm.altura);
cilindroDois = new Cilindro(20,10);
17. Construtor
Por convenção e de acordo com as boas práticas de programação,
nomes de construtores devem começar com letra maiúscula.
• No vocabulário de programação orientada a objetos,
uma função construtora é chamada de classe.
• Em JavaScript não existem classes com o mesmo
sentido de outras linguagens;
18. Funções para os
métodos criados
function Cilindro(r,h) {
this.raioBase = r;
this.altura = h;
this.areaBase = calculaAreaBase;
};
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());