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

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

0a8f40c6cc23fb6c8aad4de732c5abaf?s=47 Lucas Santos
June 04, 2020
Programming
1
96

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

0a8f40c6cc23fb6c8aad4de732c5abaf?s=128

Lucas Santos

June 04, 2020
Tweet

More Decks by Lucas Santos

See All by Lucas Santos
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
31
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
23
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
42
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
45
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
120
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
79
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
2
120
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
3
600
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
130

Other Decks in Programming

See All in Programming
9b8f304ce234a4a8e38708247ffd68e0?s=48 rshindo
2
290
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
2
110
D5744e72b6a5e6673f991cab987a31ab?s=48 siketyan
1
110
4d40d82cc3c676e8a67ffc2a473bf423?s=48 kyoheig3
0
420
1c2b62114ede7d8cb897bf19b999d233?s=48 muttsu_623
0
470
De266761b955b2636e454a1bc7a99ed4?s=48 masayaaoyama
4
530
Ad764891660aca92abb3ae39879b1b36?s=48 komagata
1
1.8k
Ad4c3c738e57a9bbcb800871e81c232d?s=48 itosho525
0
360
Ad8afdde67ccf5cccbde704dd9e35f84?s=48 jun0
3
640
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
2
2.1k
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
630
C90bac78c0fb61105cfd8239767f903d?s=48 o0h
PRO
1
1.5k

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
499
130k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
270
16k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
930
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.8k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
35k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
168
7.1k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
229
18k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
27
1.9k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
332
29k

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