JavaScript: prototipação, closure e encapsulamento

JavaScript
prototipação, closure e encapsulamento

@sr_valeriano

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

Object
> mafagafo = new Object()
> typeof(mafagafo)
“object”

> pessoa = { }
> typeof(pessoa)
”object”

Properties
> supimpa = { }
> supimpa[‘agora-sim’] = ‘ (: ’

> supimpa.awesome = ‘YaY!’

> supimpa.tudo-batuta = ‘oples’
x ReferenceError

Functions
> coisinha = function() {}
> typeof(coisinha)
“function”

> coisinha[‘sera?’] = ‘¬¬’
> coisinha[‘sera?’]
‘¬¬’

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”

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

> go.toString()

classe?????

> mafagafo = new Object()
> typeof(mafagafo)
“object”

> typeof(Object)
“function”

Object Prototype

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

Herança
> Construtor = function() { };

> parent = {id:’2’};
> Construtor.prototype = parent;

> child = new Construtor();
> console.log(child.id)
2

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

> pensa
undeﬁned

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

> pensa
undeﬁned

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

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

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

> cabeca.getIdeias().outra = ‘javascript’

É isso! Obrigadasso.
@sr_valeriano

ricardo.valeriano@caelum.com.br

JavaScript: prototipação, closure e encapsulamento

Mais conteúdo relacionado

Mais procurados (20)

Semelhante a JavaScript: prototipação, closure e encapsulamento (20)

Mais de Ricardo Valeriano (7)

Último (19)

JavaScript: prototipação, closure e encapsulamento

Notas do Editor