Attempting to grasp the concept of incorporating functional mixins

Question

Attempting to grasp the concept of incorporating functional mixins

Here's my calculator function:

var MyCalculator = function(c, d) { 
  this.addition = function(c, d) { return c + d; }; 
  this.multiply = function(c, d) { return d * c; }; 
  this.subtraction = function(c, d) { return c - d; }; 
  this.division = function(c, d) { 
    if (c/d === Infinity) {
      return Infinity - Infinity; 
    } else return c/d; 
  }; 
};

I'm looking to create a functional mixin for 'total' (MyCalculator.total) so that when given values "1,2,3,4", it would output 10 without becoming part of the Calculator property.

Can someone provide instructions on achieving this?

javascript prototype

Answer 1

Answer №1

Suppose you're discussing the concept of the functional mixin pattern as detailed in a post available here:

const withSum = (object) => {
  return Object.assign({}, object, {
    sum(...args) {
      return args.reduce((sum, number) => sum + number, 0);
    }
  });
};

var Calculator = function(a, b) { 
  this.add = function(a, b) { return a + b; }; 
  this.multiply = function(a, b) { return b * a; }; 
  this.subtract = function(a, b) { return a - b; }; 
  this.divide = function(a, b) { 
    if (a/b === Infinity) {
      return Infinity - Infinity; 
    } else return a/b; 
  }; 
};

var calculator = withSum(new Calculator(1, 2));

console.log('calculator.add(1, 2):', calculator.add(1, 2));
console.log('calculator.multiply(1, 2):', calculator.multiply(1, 2));
console.log('calculator.subtract(2, 1):', calculator.subtract(2, 1));
console.log('calculator.divide(1, 2):', calculator.divide(1, 2));
console.log('calculator.sum(1, 2, 3, 4): ', calculator.sum(1, 2, 3, 4));

Keep in mind that for the Calculator.divide method to return NaN when a/b === Infinity, simply use return NaN; instead of Infinity - Infinity (NaN being a global constant).

Furthermore, you can remove the formal parameter list within the Calculator constructor: function Calculator() {...} is enough since a, b are not utilized.

Answer 2

Suppose you're discussing the concept of the functional mixin pattern as detailed in a post available here:

const withSum = (object) => {
  return Object.assign({}, object, {
    sum(...args) {
      return args.reduce((sum, number) => sum + number, 0);
    }
  });
};

var Calculator = function(a, b) { 
  this.add = function(a, b) { return a + b; }; 
  this.multiply = function(a, b) { return b * a; }; 
  this.subtract = function(a, b) { return a - b; }; 
  this.divide = function(a, b) { 
    if (a/b === Infinity) {
      return Infinity - Infinity; 
    } else return a/b; 
  }; 
};

var calculator = withSum(new Calculator(1, 2));

console.log('calculator.add(1, 2):', calculator.add(1, 2));
console.log('calculator.multiply(1, 2):', calculator.multiply(1, 2));
console.log('calculator.subtract(2, 1):', calculator.subtract(2, 1));
console.log('calculator.divide(1, 2):', calculator.divide(1, 2));
console.log('calculator.sum(1, 2, 3, 4): ', calculator.sum(1, 2, 3, 4));

Keep in mind that for the Calculator.divide method to return NaN when a/b === Infinity, simply use return NaN; instead of Infinity - Infinity (NaN being a global constant).

Furthermore, you can remove the formal parameter list within the Calculator constructor: function Calculator() {...} is enough since a, b are not utilized.

Attempting to grasp the concept of incorporating functional mixins

Answer №1

Similar questions

Difficulty with two-dimensional arrays in Angular and Typescript

Managing nested Angular repeats with counter

Switch the background color of the checkbox div or label with a single click

Confirm that the array contains exactly 2 elements

What steps can I take to stop a website in an iframe from causing the entire page to refresh?

Exploring the possibility of designing custom pageload tooltips inspired by jQuery validationEngine's visual style and interface

What is the purpose of setting the Z-Index on a Popper menu

Checking the opacity with an if/else statement, then adding a class without removing the existing class

Issues with babel plugin-proposal-decorators failing to meet expectations

Having difficulty accessing any of the links on the webpage

Enhance the versatility of the image upload script

Unable to sort the list items when utilizing the load() function

Create a custom countdown using Jquery and Javascript that integrates with MySQL and PHP to display the datetime in the format Y-m-d

Changing the color of an open Bootstrap 4 accordion panel when the page loads

How to Maintain Button Activation in NextJS

What could be causing the issue with Vite build and npm serve not functioning together?

Node.js Error: The object does not have the specified method

Maintain a persistent Facebook login session using PHP and Puppeteer

JavaScript code that includes a while loop and an ajax call is malfunctioning

To prevent the page focus from shifting, make sure to force click on a blank link