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

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

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
60
TypeScript tips that could save your life
Avatar for Lucas Santos khaosdoctor
0
210
É hora de falar sobre Deno
Avatar for Lucas Santos khaosdoctor
0
77
JS Software testing for beginners
Avatar for Lucas Santos khaosdoctor
0
85
Ambientes dinâmicos com GitHub Actions
Avatar for Lucas Santos khaosdoctor
0
42
The Dark Side of JavaScript
Avatar for Lucas Santos khaosdoctor
0
79
Integrating Containers Into JavaScript
Avatar for Lucas Santos khaosdoctor
0
70

Other Decks in Programming

See All in Programming
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
1
700
AtCoder Conference 2025
Avatar for shindannin shindannin
0
900
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
10
1.5k
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
Avatar for Tomohisa Takaoka tomohisa
0
110
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
Avatar for syumai syumai
7
2.4k
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
Avatar for n0bisuke n0bisuke2
3
1.4k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
460
AI時代を生き抜く 新卒エンジニアの生きる道
Avatar for coconala_engineer coconala_engineer
1
510
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.5k
AI Agent Dojo ＃4: watsonx Orchestrate ADK体験
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
120
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
140

Featured

See All Featured
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
410
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
410
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
31k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
46
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
160
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
34
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
0
1.9M
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
890
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
180

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