Bekijk de code met de klasse die een constructor heeft met het veld multiplier, de methode add om nummers aan de array toe te voegen en de methode getMultiSum, geïmplementeerd via een normale functie. Wat wordt er in de console weergegeven bij het uitvoeren van deze code?

Если метод getMultiSum реализован через обычную function, а не стрелочную, то внутри него this не будет ссылаться на экземпляр класса, а будет либо undefined (в строгом режиме), либо глобальным объектом (в нестрогом). В результате, при попытке доступа к this.multiplier или this.numbers внутри такого метода возникнет ошибка или undefined.

Пример:

class Example {
  constructor(multiplier) {
    this.multiplier = multiplier;
    this.numbers = [];
  }

  add(num) {
    this.numbers.push(num);
  }

  getMultiSum() {
    return this.numbers.reduce(function(sum, num) {
      return sum + num * this.multiplier; // this здесь не тот, что ожидается
    }, 0);
  }
}

const ex = new Example(2);
ex.add(1);
ex.add(2);
console.log(ex.getMultiSum()); // Ошибка или NaN

Чтобы исправить, можно использовать стрелочную функцию внутри reduce, которая захватывает this из внешнего контекста:

getMultiSum() {
  return this.numbers.reduce((sum, num) => sum + num * this.multiplier, 0);
}

Или сохранить this в переменную self перед вызовом функции.