Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desmistificando Herança e Protótipos no JS - Short

Lucas Santos
June 04, 2020
Programming
1
110

Desmistificando Herança e Protótipos no JS - Short

Lucas Santos

June 04, 2020
Tweet

More Decks by Lucas Santos

See All by Lucas Santos
Ambientes dinâmicos com GitHub Actions
khaosdoctor
0
18
The Dark Side of JavaScript
khaosdoctor
0
29
Integrating Containers Into JavaScript
khaosdoctor
0
13
Entendendo o ecossistema de containers
khaosdoctor
1
490
gRPC with Node.js
khaosdoctor
0
360
Azure Full Cycle
khaosdoctor
0
57
Utilizando Azure para Processos Rápidos
khaosdoctor
0
57
AKS + GitHub Actions
khaosdoctor
0
66
Kubernetes with aks
khaosdoctor
1
140

Other Decks in Programming

See All in Programming
Swift アクターモデルと Elm Architecture の融合 / iOSDC Japan 2022
inamiy
4
910
Towards Ruby 4 JIT / RubyKaigi 2022
k0kubun
3
2.5k
バックポートして学ぶ新APIの仕組み
yutailang0119
0
130
watchOS におけるバックグラウンドタスクの限界
yamannnu
2
190
YJIT: Dive into Ruby's JIT compiler written in Rust / Rust.Tokyo 2022
k0kubun
1
890
使用Helm搭配CI/CD供多 團隊使用的DevSecOps
demoyuw
0
480
キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture
rockname
6
9.2k
PHPからC#のライブラリを呼べるようにしたdotnet_ffiを趣味でつくってみた
pgito
0
160
Amplify + Next.js + TypeScript のアプリをいい感じにしたかった
toranoana
1
170
治っていくmbstring ㋿時代の文字化け
youkidearitai
0
250
VSCodeしか使ったことない新卒2年目がPhpStormくんと友達になるためにやったこと - PHP Conference Japan 2022
kotomin_m
0
110
MPA化するSPAとSPA化するMPA
yosuke_furukawa
PRO
11
4.6k

Featured

See All Featured
Designing with Data
zakiwarfel
91
4k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
The Invisible Side of Design
smashingmag
291
48k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.6k
Faster Mobile Websites
deanohume
294
29k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Making Projects Easy
brettharned
100
4.4k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
12
5k
Building Better People: How to give real-time feedback that sticks.
wjessup
344
17k
How to train your dragon (web standard)
notwaldorf
62
4k
Facilitating Awesome Meetings
lara
31
4.2k
Web Components: a chance to create the future
zenorocha
303
40k

Transcript

  1. Desmistificando Herança e Prototypes no Javascript Sempre esteve lá, ninguém

    sabia o porquê

  2. $ whoami Lucas Santos /khaosdoctor @_staticvoid lsantos.me Cloud Advocate ludossan@microsoft.com

    @khaosdoctor

  3. trainingcenter.io 2018.abcdevelopers.org

  4. O.O.P

  5. Encapsulamento

  6. None
  7. None

  8. Polimorfismo

  9. None

  10. Arrow functions não vão funcionar

  11. ????????

  12. Herança

  13. Herança nos dá isso

  14. Herança nos dá isso De onde veio isso?

  15. De onde as coisas vem?

  16. Tipos originais De onde tudo aparece

  17. Array()

  18. Function()

  19. Object()

  20. String Number Object Array Func RegExp

  21. None

  22. Como elas funcionam?

  23. None

  24. __proto__

  25. Nunca toque no __proto__

  26. Object.Prototype Não. Não é a mesma coisa

  27. Prototype é um objeto de propriedades

  28. O famoso “new”

  29. Instâncias

  30. Instâncias

  31. Instâncias

  32. Instâncias

  33. Instâncias

  34. Herança! Mas não é qualquer herança...

  35. Herança Prototípica

  36. Herança Prototípica

  37. Instâncias

  38. Cadeias de protótipos Como eu sei o que eu quero?

  39. Cadeias de protótipos

  40. Cadeias de protótipos

  41. Cadeias de protótipos

  42. Cadeia de protótipos

  43. Cadeia de protótipos

  44. Cadeias de protótipos: a prática

  45. O fim da cadeia

  46. O fim da cadeia?

  47. E o “extends”?

  48. Extends

  49. Extends

  50. Extends: Exemplo

  51. Extends

  52. O que eu faço com isso?

  53. 1. Métodos globais

  54. 2. Overload

  55. 2. Overload - Os problemas

  56. None

  57. 3. Performance

  58. 3. Performance .print

  59. 3. Performance

  60. 3. Performance

  61. 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

  62. /khaosdoctor @_staticvoid lsantos.me @khaosdoctor