How to use mixins properly in Javascript

by

A mixin is just a different conceptual idea, of how to organize code and inheritance. You can of course combine it with using classical or prototypal inheritance, but it also works stand-alone, so to speak.

For instance, instead of creating “delegated” object properties/lookups (like prototypal inheritance), we would truly “form” new stand-alone objects, from multiple other objects. This is also called “multiple inheritance” sometimes and that cannot get achieved easily with Javascripts prototypal inheritance alone.

As an example:

var pianist = {
   play: function() {}
};

var programmner: {
   code: function() {}
};

And now we could create another Object, like

var Jim = Object.create( null ); // create a fully self-defining object

extend( Jim, pianist );
extend( Jim, programmer );

and this pseudo extend method could look like (ES5):

function extend( target, source ) {
    Object.getOwnPropertyNames( source ).forEach(function( key ) {
        Object.defineProperty( target, key, Object.getOwnPropertyDescriptor(source, key)) });

    return target
}

I actually didn’t answer your questions properly, but I felt like there is no real answer to your question. It is as real as you are going to use it, there is no “application specific” use case really.

More Related Contents:

  1. What’s the recommended way to extend AngularJS controllers?
  2. Mixins for ES6 classes, transpiled with babel
  3. How to reuse beforeEach/afterEach in Jasmine JS?
  4. Javascript mixins when using the module pattern
  5. How can i have color axis in bubble chart using Highchart?
  6. Real-Time Calculation in Javascript: Based on text field and fixed price rate of an item
  7. How to add days to Date?
  8. jQuery AJAX submit form
  9. How can I get the data-id attribute?
  10. Read a file one line at a time in node.js?
  11. Remove blank attributes from an Object in Javascript
  12. Can You Get A Users Local LAN IP Address Via JavaScript?
  13. How to remove one specific selected file from input file control
  14. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  15. How to find the width of a div using vanilla JavaScript?
  16. AngularJS – Image “onload” event
  17. How to have a javascript callback executed after an update panel postback?
  18. Calling a Cloud Function from another Cloud Function
  19. Should I link to Google API’s cloud for JS libraries?
  20. How to link external javascript file onclick of button
  21. Maximum Lat and Long bounds for the world – Google Maps API LatLngBounds()
  22. jQuery: trigger a hover event from another element
  23. add/subtract business days in Javascript
  24. Get return value from setTimeout [duplicate]
  25. How to access data of uploaded JSON file?
  26. Storing Objects in localStorage
  27. Is there a way to read image metadata using node.js
  28. How to find the coordinate that is closest to the point of origin?
  29. Remove disabled attribute onClick of disabled form field
  30. Process a continuous stream of JSON

Leave a Comment