Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
190
1

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

Avatar for Lucas Santos

Lucas Santos

June 04, 2020

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
130
Escalando globalmente com TypeScript e JavaScript na Klarna
Avatar for Lucas Santos khaosdoctor
0
220
The future of JavaScript
Avatar for Lucas Santos khaosdoctor
0
96
TypeScript tips that could save your life
Avatar for Lucas Santos khaosdoctor
0
260
É hora de falar sobre Deno
Avatar for Lucas Santos khaosdoctor
0
96
JS Software testing for beginners
Avatar for Lucas Santos khaosdoctor
0
110
Ambientes dinâmicos com GitHub Actions
Avatar for Lucas Santos khaosdoctor
0
71
The Dark Side of JavaScript
Avatar for Lucas Santos khaosdoctor
0
99
Integrating Containers Into JavaScript
Avatar for Lucas Santos khaosdoctor
0
89

Other Decks in Programming

See All in Programming
AIの中の人になってみる
Avatar for tkym htkym
0
170
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
Avatar for SlashNephy slashnephy
0
230
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
210
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
130
Swift愛好会100回記念 第1回を振り返る
Avatar for jollyjoester jollyjoester
0
120
App Intentsのビルドプロセスを支える技術
Avatar for kntk kntkymt
0
190
コンパウンドプロダクト開発のためのローカルプロセスマネージャー再発明 #layerxgo
Avatar for izumin5210 izumin5210
0
660
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
150
アクセシビリティから考える情報設計
Avatar for high-g high_g_engineer
0
350
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
1.7k
個人開発基盤をまるごとCloudflareに引っ越して爆速で総合的体験を向上させた話
Avatar for Tsubasa SEKIGUCHI tinykitten
0
140
数年滞っていたダークモード対応をおよそ2週間で完了させる
Avatar for Kazuki Chigita chigichan24
0
700

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
680
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
500
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
210
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
570
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
310
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
650
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k

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