Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[JS EXPERIENCE 2018] Desmistificando herança e prototypes no Javascript - Lucas Santos, Squid

66 views

Published on

Desmistificando herança e prototypes no Javascript - Lucas Santos, Squid

[JS EXPERIENCE 2018] - 5 de julho de 2018
São Paulo/SP

Published in: Technology
  • Be the first to comment

  • Be the first to like this

[JS EXPERIENCE 2018] Desmistificando herança e prototypes no Javascript - Lucas Santos, Squid

  1. 1. Desmistificando Herança e Prototypes no Javascript Sempre esteve lá, ninguém sabia o porquê
  2. 2. $ whoami /khaosdoctor @_staticvoid lsantos.me developers@squidit.com.br @khaosdoctor
  3. 3. trainingcenter.io 2018.abcdevelopers.org
  4. 4. Encapsulamento
  5. 5. Polimorfismo
  6. 6. Arrow functions não vão funcionar
  7. 7. ????????
  8. 8. Herança
  9. 9. Herança nos dá isso
  10. 10. Herança nos dá isso De onde veio isso?
  11. 11. De onde as coisas vem?
  12. 12. Tipos originais De onde tudo aparece
  13. 13. Array()
  14. 14. Function()
  15. 15. Object()
  16. 16. String Number Object Array Func RegExp
  17. 17. Como elas funcionam?
  18. 18. __proto__
  19. 19. Nunca toque no __proto__
  20. 20. Object.Prototype Não. Não é a mesma coisa
  21. 21. Prototype é um objeto de propriedades
  22. 22. O famoso “new”
  23. 23. Instâncias
  24. 24. Instâncias
  25. 25. Instâncias
  26. 26. Instâncias
  27. 27. Instâncias
  28. 28. Herança!
  29. 29. Herança Prototípica
  30. 30. Herança Prototípica
  31. 31. Instâncias
  32. 32. Cadeias de protótipos Como eu sei o que eu quero?
  33. 33. Cadeias de protótipos
  34. 34. Cadeias de protótipos
  35. 35. Cadeias de protótipos
  36. 36. Cadeia de protótipos
  37. 37. Cadeia de protótipos
  38. 38. Cadeias de protótipos: a prática
  39. 39. O fim da cadeia
  40. 40. O fim da cadeia?
  41. 41. E o “extends”?
  42. 42. Extends
  43. 43. Extends
  44. 44. Extends: Exemplo
  45. 45. Extends
  46. 46. O que eu faço com isso?
  47. 47. 1. Métodos globais
  48. 48. 2. Overload
  49. 49. 2. Overload - Os problemas
  50. 50. 3. Performance
  51. 51. 3. Performance .print
  52. 52. 3. Performance
  53. 53. 3. Performance
  54. 54. 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
  55. 55. /khaosdoctor @_staticvoidlsantos.me @khaosdoctor

×