How do I make a callable JS object with an arbitrary prototype? [duplicate]

by

There’s nothing to stop you from adding arbitrary properties to a function, eg.

function bar(o) {
    var f = function() { return "Hello World!"; }
    o.__proto__ = f.__proto__;
    f.__proto__ = o;
    return f;
}

var o = { x: 5 };
var foo = bar(o);
assert(foo() === "Hello World!");
delete foo.x;
assert(foo.x === 5);

I believe that should do what you want.

This works by injecting the object o into the prototype chain, however there are a few things to note:

  • I don’t know if IE supports __proto__, or even has an equivalent, frome some’s comments this looks to only work in firefox and safari based browsers (so camino, chrome, etc work as well).
  • o.__proto__ = f.__proto__; is only really necessary for function prototype functions like function.toString, so you might want to just skip it, especially if you expect o to have a meaningful prototype.

More Related Contents:

  1. What is ‘Currying’?
  2. Javascript equivalent of Python’s zip function
  3. map function for objects (instead of arrays)
  4. Does JavaScript have a method like “range()” to generate a range within the supplied bounds?
  5. How do I replace while loops with a functional programming alternative without tail call optimization?
  6. How to use underscore.js as a template engine?
  7. Uncaught TypeError: Illegal invocation in JavaScript
  8. How to avoid long nesting of asynchronous functions in Node.js
  9. How do pipes and monads work together in JavaScript?
  10. How to adapt trampolines to Continuation Passing Style?
  11. Is performing a mapping operation without using returned value an antipattern?
  12. Merge two arrays with alternating values
  13. RxJS Promise Composition (passing data)
  14. Are any JavaScript engines tail call (TCO) optimized?
  15. How to chain map and filter functions in the correct order
  16. How can I pre-set arguments in JavaScript function call? (Partial Function Application)
  17. Why are Promises Monads?
  18. What is context in _.each(list, iterator, [context])?
  19. Removing elements with Array.map in JavaScript
  20. What is the in-place alternative to Array.prototype.filter()
  21. how to set displayName in a functional component [React]
  22. What object javascript function is bound to (what is its “this”)?
  23. Functional approach to basic array construction
  24. Index inside map() function
  25. Is it good to call subscribe inside subscribe?
  26. Currying a function that takes infinite arguments
  27. Why can I not pass a function call (rather than a function reference or an anonymous function) to setTimeout()?
  28. functional way to iterate over range (ES6/7) [duplicate]
  29. whats the difference between function foo(){} and foo = function(){}? [duplicate]
  30. Explain bindbind() function

Leave a Comment