Black lives matter
Portrait Dr. Axel Rauschmayer
Dr. Axel Rauschmayer
Homepage | Twitter
Cover of book “JavaScript for impatient programmers”
Book, exercises, quizzes
(free to read online)
Cover of book “Deep JavaScript”
Book (50% free online)
Cover of book “Tackling TypeScript”
Book (first part free online)
Logo of newsletter “ES.next news”
Newsletter (free)

Understanding the four layers of JavaScript OOP

[2014-05-13] dev, javascript, jslang, video
(Ad, please don’t block)

JavaScript OOP is baffling: on one hand, there is a simple core, on the other hand, there are some really weird things going on. I’ve been pondering for a long time how to explain it well and I think the best way to do so is via four layers: single objects, prototype chains, constructors, constructor inheritance. The first two layers are JavaScript’s simple OOP core, layers 3 and 4 are where the complications start.

The four layers of JavaScript OOP.

I’ve explained the four OOP layers in an O’Reilly webcast:

  • Video on YouTube (starts later to avoid duplicated content at the beginning)
  • Slides
  • Full webcast (requires Flash, but the audience’s comments in the chat are interesting)

Additional material: