Uncaught TypeError: незаконный вызов в JavaScript

Question

Я создаю лямбда-функцию, которая выполняет вторую функцию с конкретными параметрами. Этот код работает в Firefox, но не в Chrome, его инспектор показывает странную ошибку Uncaught TypeError: Illegal invocation.Что не так с моим кодом?

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

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

Answer 1

Функция журнала консоли ожидает, что this будет ссылаться на консоль (внутренне). Рассмотрим этот код, который повторяет вашу проблему:

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();

Вот (глупый) пример, который будет работать, так как он связывает this с console в вашей функции make:

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

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

Это также будет работать

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

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

Answer 2

Вы можете обернуть функцию, которая нуждается в 'this', в новую лямбда-функцию, а затем использовать ее для функции обратного вызова.

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

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