Breaking News: Grepper is joining You.com. Read the official announcement!

JS mixin implementation

Blushing Bear answered on March 9, 2022 Popularity 8/10 Helpfulness 1/10

answer JS mixin implementation

related mixin in js

JS mixin implementation

Comment

/**
 * @module Core
 * @namespace window
 */
/**
 * Static class for mixing in functionality into objects.
 * @class mixin
 * @static
 */
(function(window, Object)
{
	// The mixin function already exists
	if ("mixin" in window) return;
 
	/**
	 * Mixin functionality to an object
	 *
	 * @example
		mixin(instance, MyClass);
	 *
	 * @constructor
	 * @method mixin
	 * @param {*} target The instance object to add functionality to
	 * @param {function|String} superClass The parent reference or full classname
	 * @param {*} [args] Any additional arguments to pass to the constructor of the superClass
	 * @return {*} Return reference to target
	 */
	var mixin = function(target, superClass)
	{
		if (DEBUG && !superClass)
		{
			throw 'Did not supply a valid mixin class';
		}
 
		// Include using string
		if (typeof superClass === "string")
		{
			superClass = window.include(superClass);
		}
 
		// Check for existence of prototype
		if (!superClass.prototype)
		{
			if (DEBUG)
			{
				throw 'The mixin class does not have a valid protoype';
			}
			else
			{
				throw 'no mixin prototype';
			}
		}
		//loop over mixin prototype to add functions
		var p = superClass.prototype;
 
		for (var prop in p)
		{
			// For things that we set using Object.defineProperty
			// very important that enumerable:true for the 
			// defineProperty options
			var propDesc = Object.getOwnPropertyDescriptor(p, prop);
			if (propDesc)
			{
				Object.defineProperty(target, prop, propDesc);
			}
			else
			{
				// Should cover all other prototype methods/properties
				target[prop] = p[prop];
			}
		}
		// call mixin on target and apply any arguments
		superClass.apply(target, Array.prototype.slice.call(arguments, 2));
		return target;
	};
 
	// Assign to the window namespace
	window.mixin = mixin;
 
}(window, Object));

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: springroll.io

Tags: implementation javascript

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

Blushing Bear

0 Answers Avg Quality 2/10

Closely Related Answers

mixin in js

Comment

function mixin<T extends { new (...args: any[]): {} }>(base: T, obj) {
  return class extends base {
    constructor(...args: any[]) {
      super(...args);
      Object.assign(this, obj);
    }
  };
}

function mixin(base: any, obj: any) {
  const mixed = Object.create(base.prototype);
  Object.assign(mixed, obj);
  return mixed;
}

export default mixin;

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 25 2022

Dangerous Dotterel

0 Answers Avg Quality 2/10

JS mixin implementation

Contents

More Related Answers

JS mixin implementation

Closely Related Answers

mixin in js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.