41

I'm creating a lambda function that executes a second function with a concrete params. This code works in Firefox but not in Chrome, its inspector shows a weird error, Uncaught TypeError: Illegal invocation. What's wrong with my code?

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

make(console.log,'it will be accepted!');
5
  • 1
    if i replace console.log with console.log.bind(console), it works in Chrome 12.
    – Dan D.
    Commented Jan 18, 2012 at 3:31
  • 2
    @DanD—that indicates that log expects to be called as a method of console, i.e. that its this keyword must reference the console object.
    – RobG
    Commented Jan 18, 2012 at 3:36
  • your make function is equivalent to callback.call(null,params)
    – Jan Turoň
    Commented May 17, 2013 at 18:53
  • I would like to note that in old versions of IE console.log can be a callable host-object (without call, apply or bind methods) instead of being a function.
    – hugomg
    Commented Jan 22, 2014 at 18:35
  • stackoverflow.com/a/71283695/12910765 Commented Feb 27, 2022 at 9:47

2 Answers 2

70

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!');
0
4

You can wrap the function which need 'this' to a new lambda function, and then use it for your callback function.

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

make(function(str){ console.log(str); }, 'it will be accepted!');

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.