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

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

Other Decks in Programming

See All in Programming
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan
Avatar for Marco Roth marcoroth
2
310
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
150
Groovy as a human and AI friendly programming language
Avatar for paulking paulk
0
100
Verilogで学ぶCPU自作入門
Avatar for uyuki uyuki234
8
4.2k
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
320
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
130
Lambda durable functionsでHuman in the Loopを楽に…楽に……
Avatar for Har1101 har1101
1
170
graphql-ruby を Spinel で速くしようとした話
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
100
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
140
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
300
オーケストレーション記述言語 Katari
Avatar for ゆきくらげ yukikurage
0
170
Kotlinize Is Not Just Converting to Kotlin
Avatar for Kazuki Chigita chigichan24
1
180

Featured

See All Featured
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
880
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
590
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
570
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.8k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
290
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
3
3.9k

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