4. JavaScript OO
Construtor
NEW só é necessário
function Pessoa(){} quando a função não
var eu = new Pessoa(); retorna o objeto recém-
criado.
function Pessoa(){ return this }
var eu = Pessoa();
THIS refere-se ao
próprio objeto.
5. JavaScript OO
Propriedades
function Pessoa(){
this.olhos = 2
}
var eu = new Pessoa();
var ciclope = new Pessoa();
ciclope.olhos = 3;
alert(ciclope.olhos); //3
6. JavaScript OO
Propriedades
function Pessoa(pNome){
this.nome = pNome
}
var eu = new Pessoa(“Luciano”);
7. JavaScript OO
Métodos
function Pessoa(){
this.fala = function(mensagem){
alert(mensagem);
}
}
luciano.fala(“The Book is on the table!”);
8. JavaScript OO
Encapsulamento
function Pessoa(){
this.publica = “Variável Pública”;
var privada = “Variável Privada”;
this.metodoPublico = function(){
alert(this.publico);
alert(privada);
}
var metodoPrivado = function(){ var eu = new Pessoa();
alert(privada); alert(eu.publica);
} alert(eu.privada);
this.chamePrivada = function(){ eu.metodoPublico();
alert(privada); eu.metodoPrivado();
} eu.chamePrivado();
}
9. JavaScript OO
Objetos Literais
var Pessoa = { var Instrutores = {
nome : "Luciano", instrutor1 : {
nome : "Luciano",
idade: 34 idade : 34
} },
instrutor2 : {
nome : "Marcelo",
email : "37"
},
instrutor3 : {
nome : "Márcio",
email : "43"
}
}
10. Formato de troca de dados leve em relação ao XML
Uma coleção de pares nome/valor
Um objeto JSON inicia com { e termina com }
Cada nome é seguido por : (dois pontos)
Os pares nome/valor são separados por , (vírgula)
É um subconjunto dos objetos literais do JavaScript
20. Vantagens
Acesso direto aos componentes DOM
Manipulação de conteúdos sem limitações
21. Vantagens
Acesso direto aos componentes DOM
Manipulação de conteúdos sem limitações
Suporte aos eventos de interação com o usuário
22. Vantagens
Acesso direto aos componentes DOM
Manipulação de conteúdos sem limitações
Suporte aos eventos de interação com o usuário
Grande variedade de efeitos de animação
23. Vantagens
Acesso direto aos componentes DOM
Manipulação de conteúdos sem limitações
Suporte aos eventos de interação com o usuário
Grande variedade de efeitos de animação
Uso simplificado e sem restrições com AJAX
24. Vantagens
Acesso direto aos componentes DOM
Manipulação de conteúdos sem limitações
Suporte aos eventos de interação com o usuário
Grande variedade de efeitos de animação
Uso simplificado e sem restrições com AJAX
Simplificação na criação de scripts
25. Vantagens
Acesso direto aos componentes DOM
Manipulação de conteúdos sem limitações
Suporte aos eventos de interação com o usuário
Grande variedade de efeitos de animação
Uso simplificado e sem restrições com AJAX
Simplificação na criação de scripts
Emprego cross-browser
26.
27.
28. Antes do JQuery
Escondendo DIVs
divs = document.getElementByTagName('div');
for(i = 0; i < divs.length; i++){
divs[i].style.display = 'none';
}
Fonte: Marc Grabanski
29. Depois do JQuery
Escondendo DIVs
$(“div”).hide();
Fonte: Marc Grabanski
46. Um conjunto completo de componentes cross-
browser de interface de usuário.
Drag, Drop, Sort, Select, Resize.
Accordion, Autocomplete, Button, Datepicker,
Dialog, Progressbar, Slider, Tabs.