Błąd niedozwolonego wywołania, gdy console.log przeszedł w funkcję

Question

Jestem nieco zdezorientowany. Proszę znaleźć kod, jak poniżej.

var o={ 
printToConsole: function(f){ 
    f(1); 
} 
}; 

o.printToConsole(console.log); 

//TypeError: Illegal invocation // otrzymuję TypeError

Z definicji console.log otrzymujemy ten

`function log() { [native code] }` 

w Chrome, który wyraźnie wyświetla, że ​​nie ma żadnego argumentu, chociaż kiedy próbujemy drukować rzeczy na konsoli, piszemy tak, np. przekazujemy argument do console.log.

console.log('Take me on Console'); 

Dlaczego otrzymuję ten TypeError i jak ten console.log zachowuje się w chrome?

Answer 1

Zmień

o.printToConsole(console.log); 

do

o.printToConsole(console.log.bind(console)); 

lub

o.printToConsole(function(){ console.log.apply(console.log, arguments) }); 

Funkcja console.log działa tylko wtedy, gdy odbiornik (this) jest konsola (w rzeczywistości jest to przeglądarka zależny) .