JavaScript: prototipação, closure e encapsulamento

JavaScriptprototipação, closure e encapsulamento

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

(oh yes, I wen’t there)

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ências

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’> cabeca.getIdeias() {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() {uma:‘social network’}> cabeca.getIdeias().outra = ‘javascript’> cabeca.getIdeias() {uma:‘social network’}

É isso! Obrigadasso. @sr_valerianoricardo.valeriano@caelum.com.br

JavaScript: prototipação, closure e encapsulamento

by Ricardo Valeriano on Sep 11, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 10

Statistics

JavaScript: prototipação, closure e encapsulamento — Presentation Transcript

http://us-w1.rockmelt.com	5
https://twitter.com	4
http://twitter.com	1