Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Desmistificando Herança e Protótipos no JS - Short
Search
Lucas Santos
June 04, 2020
Programming
1
130
Desmistificando Herança e Protótipos no JS - Short
Lucas Santos
June 04, 2020
Tweet
Share
More Decks by Lucas Santos
See All by Lucas Santos
Escalando globalmente com TypeScript e JavaScript na Klarna
khaosdoctor
0
150
The future of JavaScript
khaosdoctor
0
26
TypeScript tips that could save your life
khaosdoctor
0
84
É hora de falar sobre Deno
khaosdoctor
0
61
JS Software testing for beginners
khaosdoctor
0
34
Ambientes dinâmicos com GitHub Actions
khaosdoctor
0
30
The Dark Side of JavaScript
khaosdoctor
0
50
Integrating Containers Into JavaScript
khaosdoctor
0
38
Entendendo o ecossistema de containers
khaosdoctor
1
730
Other Decks in Programming
See All in Programming
CSC308B Lecture 12
javiergs
PRO
0
100
php-src debug マニュアル
onopon
1
640
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
950
syndicationd LT
ymgyt
0
110
「Hono遍歴」と「HonoXでブログ作成」
yasu551
0
170
So You Think You Know Git - Part 2
schacon
PRO
0
1.3k
オープンなデータ・ソフトウェアを活用した開発
404background
0
160
Microsoft Fabricを7ヶ月使ってわかったこと
shun_oshidari
2
450
Cloudflare Workersの環境を再現することについて
yusukebe
5
720
ログラスの継続的なプロンプト改善のためのLLMOpsの今 / LLMOps at loglass now
rkaga
PRO
1
330
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
130
Faster, greener, and happier- why Quarkus should be your next tech stack
hollycummins
0
130
Featured
See All Featured
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Building Flexible Design Systems
yeseniaperezcruz
317
37k
Fireside Chat
paigeccino
19
2.5k
Design by the Numbers
sachag
274
18k
Optimizing for Happiness
mojombo
369
69k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
Debugging Ruby Performance
tmm1
68
11k
Web Components: a chance to create the future
zenorocha
304
41k
Designing Experiences People Love
moore
135
23k
Facilitating Awesome Meetings
lara
39
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Transcript
Desmistificando Herança e Prototypes no Javascript Sempre esteve lá, ninguém
sabia o porquê
$ whoami Lucas Santos /khaosdoctor @_staticvoid lsantos.me Cloud Advocate
[email protected]
@khaosdoctor
trainingcenter.io 2018.abcdevelopers.org
O.O.P
Encapsulamento
None
None
Polimorfismo
None
Arrow functions não vão funcionar
????????
Herança
Herança nos dá isso
Herança nos dá isso De onde veio isso?
De onde as coisas vem?
Tipos originais De onde tudo aparece
Array()
Function()
Object()
String Number Object Array Func RegExp
None
Como elas funcionam?
None
__proto__
Nunca toque no __proto__
Object.Prototype Não. Não é a mesma coisa
Prototype é um objeto de propriedades
O famoso “new”
Instâncias
Instâncias
Instâncias
Instâncias
Instâncias
Herança! Mas não é qualquer herança...
Herança Prototípica
Herança Prototípica
Instâncias
Cadeias de protótipos Como eu sei o que eu quero?
Cadeias de protótipos
Cadeias de protótipos
Cadeias de protótipos
Cadeia de protótipos
Cadeia de protótipos
Cadeias de protótipos: a prática
O fim da cadeia
O fim da cadeia?
E o “extends”?
Extends
Extends
Extends: Exemplo
Extends
O que eu faço com isso?
1. Métodos globais
2. Overload
2. Overload - Os problemas
None
3. Performance
3. Performance .print
3. Performance
3. Performance
Referências - bit.ly/medium-prototypes - bit.ly/ecma-proto - mzl.la/mdn-proto - mzl.la/function-js -
mzl.la/extends-jsx - bit.ly/encapsulamento-js - bit.ly/polimorfismo-js - bit.ly/this-js - bit.ly/imasters-smoosh
/khaosdoctor @_staticvoid lsantos.me @khaosdoctor