O documento discute conceitos fundamentais de JavaScript como prototipação, closure, encapsulamento e escopo. A prototipação permite herdar propriedades de objetos existentes para novos objetos. Closure permite que funções internas acessem variáveis externas mesmo após a função externa ser concluída. Encapsulamento protege o acesso direto a dados através do uso de funções. Escopo determina a visibilidade e acessibilidade de variáveis.

1. JavaScript
prototipação, closure e encapsulamento

2. @sr_valeriano
• Desenvolvedor e Instrutor na Caelum
• ricardo.valeriano@caelum.com.br

4. (oh yes, I wen’t there)

5. Object
> mafagafo = new Object()
> typeof(mafagafo)
“object”
> pessoa = { }
> typeof(pessoa)
”object”

6. Properties
> supimpa = { }
> supimpa[‘agora-sim’] = ‘ (: ’
> supimpa.awesome = ‘YaY!’
> supimpa.tudo-batuta = ‘oples’
x ReferenceError

7. Functions
> coisinha = function() {}
> typeof(coisinha)
“function”
> coisinha[‘sera?’] = ‘¬¬’
> coisinha[‘sera?’]
‘¬¬’

8. Functions são Objects
> meChama = function(what) {
console.log(what);
console.log(typeof(this));
}
> meChama(“lágrimaAAs”)
lágrimaAAs
“object”
> meChama.apply(nil, [“lágrimaAAs”])
lágrimaAAs
“object”

10. Prototype
> Object.prototype
Object
> go = {}
> go.say
undefined
> Object.prototype.say = function() {
console.log(‘no, and no, and no’);
}
> go.say
function() { ... }
> go.say()
no, and no, and no
> go.toString()

11. classe?????
> mafagafo = new Object()
> typeof(mafagafo)
“object”
> typeof(Object)
“function”

12. Object Prototype
> Object.prototype.say = function() {
console.log(‘no, and no, and no’);
}

13. Herança
> Construtor = function() { };
> parent = {id:’2’};
> Construtor.prototype = parent;
> child = new Construtor();
> console.log(child.id)
2

14. Escopo
> mundo = {eh: ‘global’}
> pessoa = {
miolos:function() {
var pensa = function() {
console.log(‘o mundo é:’+ mundo.eh);
}
pensa();
}
}
> pessoa.miolos()
“o mundo é global”
> pensa
undefined

15. Escopo
> pessoa = {
miolos:function() {
var pensa = function() {
console.log(‘Estou escondida!’);
}
pensa();
}
}
> pessoa.miolos()
Estou Escondida!
> pensa
undefined

16. Referências

17. Referência
> cabeca = (function() {
var ideias = {uma:‘social network’};
return {
getIdeias:function() {
return ideias;
}
}
})();
> ideias
undefined
> cabeca.getIdeias()
{uma:‘social network’}
> cabeca.getIdeias().outra = ‘javascript’
> cabeca.getIdeias()
{uma:‘social network’, outra:‘javascript’}

18. Referência
> cabeca = (function() {
var ideias = {uma:‘social network’};
return {
getIdeias:function() {
return ideias;
}
}
})();
> ideias
undefined
> cabeca.getIdeias()
{uma:‘social network’}
> cabeca.getIdeias().outra = ‘javascript’
> cabeca.getIdeias()
{uma:‘social network’, outra:‘javascript’}

21. Closure
> contexto = function() {
var bijeto = { go: ‘go’ }
var elefante = function() {
console.log(bijeto[“go”]);
}
elefante();
}
> console.log( contexto() )
go

22. Encapsulamento
> cabeca = function() {
var ideias = {uma:‘social network’};
return {
getIdeias:function() {
return Object.create(ideias);
}
}
};
> cabeca.getIdeias()
{uma:‘social network’}
> cabeca.getIdeias().outra = ‘javascript’
> cabeca.getIdeias()
{uma:‘social network’}

23. É isso! Obrigadasso.
@sr_valeriano
ricardo.valeriano@caelum.com.br