Javascript function challenge add(1,2) and add(1)(2) both should return 3

by

I wrote a curried function whose valueOf() method and function context (this) are bound with the sum no matter how many arguments are passed each time.

/* add function */
let add = function add(...args) {
  const sum = args.reduce((acc, val) => acc + val, this);
  const chain = add.bind(sum);
  chain.valueOf = () => sum;
  return chain;
}.bind(0);

/* tests */
console.log('add(1, 2) = ' + add(1, 2));
console.log('add(1)(2) = ' + add(1)(2));
/* even cooler stuff */
console.log('add(1, 2)(3) = ' + add(1, 2)(3));
console.log('add(1, 2, 3)(4, 5)(6) = ' + add(1, 2, 3)(4, 5)(6));
/* retains expected state */
let add7 = add(7);
console.log('let add7 = add(7)');
console.log('add7(3) = ' + add7(3));
console.log('add7(8) = ' + add7(8));

The reason why both mechanisms are required is because the body of add() must use the called function’s bound context in order to access the sum of the intermediate partial application, and the call site must use the valueOf() member (either implicitly or explicitly) in order to access the final sum.

More Related Contents:

  1. How do JavaScript closures work?
  2. JavaScript function aliasing doesn’t seem to work
  3. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  4. Passing a function with arguments as an argument?
  5. Set a default parameter value for a JavaScript function
  6. What is the scope of variables in JavaScript?
  7. jQuery 1.9 .live() is not a function
  8. Calling a function every 60 seconds
  9. Are “(function ( ) { } ) ( )” and “(function ( ) { } ( ) )” functionally equal in JavaScript? [duplicate]
  10. How to add an object to an array
  11. Is there a way to create a function from a string with javascript?
  12. this inside function
  13. How does a function in a loop (which returns another function) work? [duplicate]
  14. Is it possible to get all arguments of a function as single object inside that function?
  15. About closure, LexicalEnvironment and GC
  16. Add two functions to window.onload
  17. Javascript functions like “var foo = function bar() …”?
  18. Closures in a for loop
  19. Where should functions in function components go?
  20. Passing values to onclick [duplicate]
  21. onsubmit multiple javascript functions
  22. Why can’t I set a JavaScript function’s name property?
  23. How to create javascript delay function [duplicate]
  24. setTimeout not working inside forEach
  25. How does the (function() {})() construct work and why do people use it?
  26. closure inside a for loop – callback with loop variable as parameter [duplicate]
  27. Lambda function syntax in JavaScript without curly braces
  28. What are the different ways of writing an IIFE? What are their use cases?
  29. How to get function body text in JavaScript? [duplicate]
  30. Why can’t I use a Javascript function before its definition inside a try block?

Leave a Comment