O problema é que o console do Chrome quer que log
seja chamada no contexto de console
– ou seja, com console
como this
–, mas você está chamando a função sem valor definido para this
.
Uma solução rápida:
var log = console.log.bind(console);
r.foreach(log);
###Como assim?
Como assim?
Em JavaScript, o valor de this
dentro de uma função depende de como ela é chamada. Por exemplo:
var obj = {
fn: function() { console.log(this) }
};
var f = obj.fn;
obj.fn(); // loga obj
f(); // loga null no strict mode, ou o objeto global
// este é o caso do seu exemplo
A linguagem oferece duas maneiras se forçar um valor de this
:
Invocando a função com
call
ouapply
:f.call(obj); f.apply(obj);
(Neste caso ambos os métodos são equivalentes, pois só diferem na maneira como os parâmetros devem ser passados – em sequência para
call
, ou como array paraapply
.)Criando uma função atrelada a um
this
específico, com o métodobind
que toda função tem (lembre-se de que funções são objetos em JavaScript):var g = f.bind(obj); g();
(Nota:
bind
(Function.prototype.bind
) não é suportada em browsers mais antigos. Tem um shim ["estepe"? "substituto"] disponível na MDN.)
O objeto console
é um host object, ou seja, um objeto disponibilizado pelo browser, que não faz parte do núcleo duro da linguagem. Como tal, ele tem direito a certas regalias, incluindo peculiaridades em cada implementação. No caso do console do Chrome, existe essa exigência de que os métodos precisam ser invocados com console
como this
, ou a invocação é considerada ilegal.