Kyle Simpson’s OLOO Pattern vs Prototype Design Pattern

by

what exactly does his pattern introduce?

OLOO embraces the prototype chain as-is, without needing to layer on other (IMO confusing) semantics to get the linkage.

So, these two snippets have the EXACT same outcome, but get there differently.

Constructor Form:

function Foo() {}
Foo.prototype.y = 11;

function Bar() {}
Bar.prototype = Object.create(Foo.prototype);
Bar.prototype.z = 31;

var x = new Bar();
x.y + x.z;  // 42

OLOO Form:

var FooObj = { y: 11 };

var BarObj = Object.create(FooObj);
BarObj.z = 31;

var x = Object.create(BarObj);
x.y + x.z;  // 42

In both snippets, an x object is [[Prototype]]-linked to an object (Bar.prototype or BarObj), which in turn is linked to third object (Foo.prototype or FooObj).

The relationships and delegation are identical between the snippets. The memory usage is identical between the snippets. The ability to create many “children” (aka, many objects like x1 through x1000, etc) is identical between the snippets. The performance of the delegation (x.y and x.z) is identical between the snippets. The object creation performance is slower with OLOO, but sanity checking that reveals that the slower performance is really not an issue.

What I argue OLOO offers is that it’s much simpler to just express the objects and directly link them, than to indirectly link them through the constructor/new mechanisms. The latter pretends to be about classes but really is just a terrible syntax for expressing delegation (side note: so is ES6 class syntax!).

OLOO is just cutting out the middle-man.

Here’s another comparison of class vs OLOO.

More Related Contents:

  1. Simplest/cleanest way to implement a singleton in JavaScript
  2. Comet and jQuery [closed]
  3. Function in JavaScript that can be called only once
  4. Sequencing ajax requests
  5. What is this practice called in JavaScript?
  6. How to implement inheritance in JS Revealing prototype pattern?
  7. Singleton pattern in nodejs – is it needed?
  8. JavaScript design pattern: difference between module pattern and revealing module pattern?
  9. Commonly accepted best practices around code organization in JavaScript [closed]
  10. Javascript: best Singleton pattern [duplicate]
  11. Javascript – if with asynchronous case
  12. When to use promise.all()?
  13. AngularJS: Understanding design pattern
  14. Why would one use the Publish/Subscribe pattern (in JS/jQuery)?
  15. javascript: execute a bunch of asynchronous method with one callback
  16. Javascript mixins when using the module pattern
  17. why module pattern?
  18. Html5, css3, javascript, jquery [closed]
  19. javascript function validate not working
  20. Javascript – Append HTML to container element without innerHTML
  21. for..in and hasOwnProperty [duplicate]
  22. JavaScript string and number conversion
  23. Show loading image while $.ajax is performed
  24. Why aren’t some technically serializable input properties serializable?
  25. What’s the simplest approach to check existence of deeply-nested object property in JavaScript? [duplicate]
  26. How do I properly insert multiple rows into PG with node-postgres?
  27. reference variable in object literal? [duplicate]
  28. Is using labels in JavaScript bad practice?
  29. FastAPI is not returning cookies to React frontend
  30. Is it possible to call a class method with addEventListener?

Leave a Comment