Uncaught TypeError: Illegal invocation in JavaScript

by

The console’s log function expects this to refer to the console (internally). Consider this code which replicates your problem:

var x = {};
x.func = function(){
    if(this !== x){
        throw new TypeError('Illegal invocation');
    }
    console.log('Hi!');
};
// Works!
x.func();

var y = x.func;

// Throws error
y();

Here is a (silly) example that will work, since it binds this to console in your make function:

var make = function(callback,params){
    callback.call(console, params);
}

make(console.log,'it will be accepted!');

This will also work

var make = function(callback,params){
    callback(params);
}

make(console.log.bind(console),'it will be accepted!');

More Related Contents:

  1. What is ‘Currying’?
  2. When should I use arrow functions in ECMAScript 6?
  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. How to avoid long nesting of asynchronous functions in Node.js
  8. The invocation context (this) of the forEach function call
  9. Why is immutability so important (or needed) in JavaScript?
  10. How do pipes and monads work together in JavaScript?
  11. Why are certain function calls termed “illegal invocations” in JavaScript?
  12. Why do arrow functions not have the arguments array? [duplicate]
  13. Is performing a mapping operation without using returned value an antipattern?
  14. RxJS Promise Composition (passing data)
  15. Are any JavaScript engines tail call (TCO) optimized?
  16. How to chain map and filter functions in the correct order
  17. Why no Array.prototype.flatMap in javascript?
  18. Removing elements with Array.map in JavaScript
  19. What is the in-place alternative to Array.prototype.filter()
  20. how to set displayName in a functional component [React]
  21. What object javascript function is bound to (what is its “this”)?
  22. Functional approach to basic array construction
  23. Index inside map() function
  24. Get a function’s arity
  25. Split JavaScript array in chunks using Lodash
  26. Is it good to call subscribe inside subscribe?
  27. Currying a function that takes infinite arguments
  28. functional way to iterate over range (ES6/7) [duplicate]
  29. How to use Math.max, etc. as higher-order functions
  30. How do I make a callable JS object with an arbitrary prototype? [duplicate]

Leave a Comment