1

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?

3

0

Pesquise outras perguntas com a tag .