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

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

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
15
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
14
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
36
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
40
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
110
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
70
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
2
95
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
3
530
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
120

Other Decks in Programming

See All in Programming
55517518e318b28906211d115c24208b?s=48 clyang
0
610
C101832d230db74f754e50126903b991?s=48 shoichiimamura
1
110
35761e3936deba2f8189c2d20982c771?s=48 getify
1
430
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
2
200
19d7ae634445d4bd9b10c7961a462260?s=48 shu223
10
2.3k
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
1
290
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
0
250
473b12ebcfb79adfaef97796e94fc25c?s=48 hironytic
4
500
D79e3b0b78ca7027eb61d73028d45ad6?s=48 uchi_k
0
390
8665aad8f35b1710df79e9aef52d6daa?s=48 alexandresalome
0
250
820c51c7e79c45286e41a41a2a721c0f?s=48 saiten
6
390
Cc8ec9594b83b5dc3c7eef345c05dc8d?s=48 shiz
9
1.2k

Featured

See All Featured
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
13
480
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
308
21k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
124
21k
78b475797a14c84799063c7cd073962f?s=48 holman
459
270k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
621
40k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
144
19k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
5
260
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
106
9.5k
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.3k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
399
20k

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