Почему в качестве this здесь worker?

Question

[Константин]

Почему в этом коде:

let worker = {
  someMethod() {
    return 1;
  },

  slow(x) {
    alert("Called with " + x);
    return x * this.someMethod(); // (*)
  }
};

function cachingDecorator(func) {
  let cache = new Map();
  return function(x) {
    if (cache.has(x)) {
      return cache.get(x);
    }
    let result = func.call(this, x); // теперь 'this' передаётся правильно
    cache.set(x, result);
    return result;
  };
}

worker.slow = cachingDecorator(worker.slow); // теперь сделаем её кеширующей

alert( worker.slow(2) ); // работает
alert( worker.slow(2) ); // работает, не вызывая первоначальную функцию (кешируется)

на этой строчке let result = func.call(this, x); в качестве значения thisназначается функция worker?

Как это происходит и почему?

Comments

[WapSter]

worker не функция, а объект

Answer 1

[Artyom]

Потому-что cachingDecorator возвращает функцию, ссылка на которую присвоена методу slow объекта worker.

вот альтернативные варианты записи

worker { 
    slow: function(x) {
        // this = worker
    }
}

worker.slow = function(x) {
  // this = worker
}

function test() {
   // this = window;
}
worker.slow = test; // передали по ссылке, теперь this = worker

const resFunc = cachingDecorator(worker.slow); // вернул функцию function(x), this = window
worker.slow = resFunc; // передали по ссылке, this = worker

советую почитать про замыкания, там более подробно все это описано.

Comments

[Константин]

спасибо, всё встало на свои места

Answer 2

[Kentavr16]

Почему бы не загуглить calljavascript?

Comments

[Константин]

Из вашей ссылки

this ссылается на текущий объект, вызвавший объект.

- речь об этом? По этой причине this = worker?

[Kentavr16]

Константин, медоты call и bind в джаваскрипт позволяют переопределить this. Брлее подробно в статьях о this, call bind

[Константин]

Kentavr16, прочитал всю статью, что вы дали, но ответа на свой вопрос там не нашел...