A questão é simples, porque quando eu faço isso:
function reducer(accumulator, current) {
return accumulator.concat(current);
}
Array.prototype.flatMap = () => {
return this.reduce(reducer, []);
};
É lançada a exceção: this.reduce is not a function
, porém, quando eu mudo para:
function reducer(accumulator, current) {
return accumulator.concat(current);
}
Array.prototype.flatMap = function () {
return this.reduce(reducer, []);
};
Tudo funciona normalmente.
O que eu imagino que deveria acontecer é: Ao passar a função para o prototype do Array, ele deveria bindar a função automaticamente, independente se ela é anônima ou não. E pelo visto isso não acontece.
O que eu não entendo é que já que ambas são funções anônimas, ambas deveriam herdar o this
do escopo pai, mas por algum motivo somente a primeira está herdando, já segunda não, o this
dela é o próprio array, porque? O bind da primeira função não deveria ser igual o da segunda?
this.reduce
é o reduce do Array.prototype.reduce, reducer é uma função minha.this
o console diz que a propriedade é undefined