JS Функции декораторы?

Question

[KirillEX]

Подскажите пожалуйста, как функции декоратору передается аргументы функции или методу к которому она применяется

Comments

[Антон Швец]

В js еще пока нет нативных декораторов.
так что вам надо указать какие именно имеются в виду

[KirillEX]

Антон Швец, Извините, я не знаю как они называются. Вот пример кода

let obj = {
	fac: function(x) {
		return (x == 1) ? x : x * obj.fac(x - 1);
	}
};

function decorator(func) {
	let cache = new Map();
	return function(x) {
		if (cache.has(x)) {
			return cache.get(x);
		};
		let result = func(x);
		cache.set(x, result);
		return result
	}
}

obj.fac = decorator(obj.fac);
obj.fac(5)

Называется обертка

[Антон Швец]

KirillEX, тогда поясните какой аргумент тут надо передать? Т.е. в чем сложность, вроде все очевидно. decorator(func, args)

Для методов еще func.call(this, x) надо делать, чтобы не потерять контекст.

[KirillEX]

Антон Швец, Я вызываю функцию fac перед этим обернув её. Откуда обёртка знает какой аргумент функции? Она стает частью функции fac или что?

[Антон Швец]

KirillEX, обертка возвращает вам функцию, которая имеет этот самый аргумент. return function(x) {, результат выполнения функции decorate (что тоже функция) сохраняется в переменной fac
И вызываете вы потом эту функцию.

function decorator(func) {
  let cache = new Map();
  return function decoratedFunc(x) {
    if (cache.has(x)) {
      return cache.get(x);
    };
    let result = func(x);
    cache.set(x, result);
    return result
  }
}

obj.fac = decorator(obj.fac); // obj.fac === decoratedFunc

так понятней?

[KirillEX]

Антон Швец, Да, спасибо большое!

[Антон Швец]

KirillEX, ок, перенесу в ответ.

[KirillEX]

Антон Швец, Не подскажите, я собираюсь переехать в Москву как закончу школу. Реально ли устроится на работу? (Учится осталось 1.5 года)

[Антон Швец]

KirillEX, смотря кем :)
Сразу после школы врядли вас возьмут куда-то кроме макдональдса. Чтобы убедить работодателя в вашей полезности нужны веские доводы, знания js для этого недостаточно.

[KirillEX]

Антон Швец, Понятно, спасибо за ответы!

[Антон Швец]

KirillEX, отметьте ответом

Answer 1

[Антон Швец]

обертка возвращает функцию с аргументом x. return function(x) {.
Результат выполнения функции decorate - тоже функция, она сохраняется в переменной fac
И вызываете вы потом эту функцию.

function decorator(func) {
  let cache = new Map();
  return function decoratedFunc(x) {
    if (cache.has(x)) {
      return cache.get(x);
    };
    let result = func.call(this, x);
    cache.set(x, result);
    return result
  }
}

obj.fac = decorator(obj.fac); // obj.fac === decoratedFunc