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
100

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
8
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
12
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
8
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
220
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
170
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
39
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
50
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
60
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
140

Other Decks in Programming

See All in Programming
5059d3f370ad7e1f4d8de4be79ae1a2c?s=48 rvirus0817
0
680
746c5d84a717cf7f74822d248e06574e?s=48 nkmrh
3
770
F6baf93a0833a98bdc8184c214f4c468?s=48 rgoswami
0
120
4651f57d479e562a45dd624cc24dbee3?s=48 nsaito9628
1
280
9a805d1d3fb2ca4943cb240dee106d5a?s=48 kawakin
1
140
023b04c98f39cc041293d780352432ff?s=48 koic
8
1.3k
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
1
410
E586b46d5b09f8109beb66bb146e4f20?s=48 tamappe
2
200
345c78640c646c9c55083efd57fb6e54?s=48 kuritatu18
0
220
3931098ae486b6df619050c63e24f6cc?s=48 osyo
0
790
D5744e72b6a5e6673f991cab987a31ab?s=48 siketyan
2
140
0b8ad408b31cb9d5cff2828086c65d58?s=48 temoki
1
180

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
119
11k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
778
200k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
331
36k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
222
120k
78b475797a14c84799063c7cd073962f?s=48 holman
294
130k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
149
12k

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