Save 37% off PRO during our Black Friday Sale! »

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
10
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
15
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
11
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
290
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
200
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
45
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
53
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
0
62
0a8f40c6cc23fb6c8aad4de732c5abaf?s=48 khaosdoctor
1
140

Other Decks in Programming

See All in Programming
9733730b7cb400f72ed99aa28fc1d210?s=48 karszawa
0
510
44a210d1299a727e9d601a47dfedeabf?s=48 mot_techtalk
0
130
85637f06e3366e5cc4c84780cc346141?s=48 ryunen344
1
270
98b698d47526f827586a7f3946607ef4?s=48 skoji
0
250
635e53b96114c922fa5486b418895960?s=48 fadis
7
4.2k
8847086af047cbf895ab3277b59529fe?s=48 andpad
0
100
3f97ef294ccbc5e3f16b7594e06fd1f3?s=48 sryoya
3
340
0157a830bfaa0c5426422c45aa0b2637?s=48 bo0km4n
2
350
C31b5afbe1ffb5588b2fe5a9e39b357b?s=48 takarasawa_
1
600
8d6f91b92f4408a5ed8a4675f9034339?s=48 arigatobank
1
130
A524e2bed737555446c8720e3960397e?s=48 izumii19
0
520
B9d723a1439affc92fcd589446f73d3b?s=48 yukukotani
2
170

Featured

See All Featured
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
61
7.3k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
263
20k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.4k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
120
11k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.2k
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
20
10k
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
44
5k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.6k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
40
1.8k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
307
33k

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