Portrait Dr. Axel Rauschmayer
Dr. Axel Rauschmayer
Homepage | Twitter
Cover of book “Exploring ES6”
Book, exercises, quizzes
(free to read online)
Logo of newsletter “ES.next news”
Newsletter (free)
Cover of book “JavaScript for impatient programmers”
Book (free online)

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: