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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Lucas Santos Lucas Santos
June 04, 2020
Programming
1
170

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

Avatar for Lucas Santos

Lucas Santos

June 04, 2020
Tweet

More Decks by Lucas Santos

See All by Lucas Santos
The Hitchhiker's Guide for an Amazing API with TypeScript
Avatar for Lucas Santos khaosdoctor
0
100
Escalando globalmente com TypeScript e JavaScript na Klarna
Avatar for Lucas Santos khaosdoctor
0
190
The future of JavaScript
Avatar for Lucas Santos khaosdoctor
0
61
TypeScript tips that could save your life
Avatar for Lucas Santos khaosdoctor
0
220
É hora de falar sobre Deno
Avatar for Lucas Santos khaosdoctor
0
77
JS Software testing for beginners
Avatar for Lucas Santos khaosdoctor
0
87
Ambientes dinâmicos com GitHub Actions
Avatar for Lucas Santos khaosdoctor
0
42
The Dark Side of JavaScript
Avatar for Lucas Santos khaosdoctor
0
81
Integrating Containers Into JavaScript
Avatar for Lucas Santos khaosdoctor
0
70

Other Decks in Programming

See All in Programming
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
230
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
120
React Native × React Router v7 API通信の共通化で考えるべきこと
Avatar for Suguru Ohki suguruooki
0
100
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
1.3k
ノイジーネイバー問題を解決する 公平なキューイング
Avatar for Shoichi Ochi occhi
0
110
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
180
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
170
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
220
Gemini for developers
Avatar for Mete Atamel meteatamel
0
100
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
790

Featured

See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
420
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
390
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
70
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
500
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
140
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
330
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k

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 [email protected]

    @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