Декораторы в JavaScript

Что меня не устраивает в известных реализациях?

Нормальный декоратор

def superfunc(n=2):
	print("Megclosure created")
	def clos(func):
		print("Megclosure used")
		def clos1(*args, **kwargs):
			print("Megclosured function",func.__name__)
			res = func(*args, **kwargs)
			return (res**n)
		return clos1
	return clos

def a(par):
	return par+9;

b = (superfunc())(a)
@superfunc(3)
def c(txt):
	return len(txt)+1

print ( b(1),c("abc"*3))

Как это будет на JavaScript

function decorator(){
.....
}
.....
function a(){
......
}
......
var b=decorator(a, arg1, arg2,....., argN);

function withVars(f, variables) {
		var args = Array.prototype.slice.call(arguments, 1);// получаем массив аргументов функции, за исключением самой функции, причём именно МАССИВ

			return function () {// замыкаем f и args, создаём отдекорированную функцию
				var p = arguments;// мы к arguments ничего добавить не сможем ...
				Array.prototype.push.apply(p, args);//... поэтому добавляем к p
				f.apply(this, p);// вызываем функцию f в контексте this с параметрами p
			}
		
	};

function a(){
    var str ="";
     for(var i=0;i<arguments.length;i++){
         str+=arguments[i]+" ";
     }
     alert(str);
}
a(1,2,4,5,"six");//1 2 3 4 5 six
var b=withVars(a,4,8,15,16,23,42);
b(1,2,4,5,"six");//1 2 3 4 5 six 4 8 15 16 23 42

Array.prototype.push.apply(p, args);
f.apply(this, p);

Array.prototype.push.apply(args,p);
f.apply(this, args);

Возможные применения

• Допустим вам нужно вызвать callback2 из callback1,callback3 из callback2, и т.д., и при этом передать некоторые данные из одного колбека в другой. Мы не можем передать дополнительную информацию в объекте-источнике событий. Например, когда мы используем GM_xmlhttpRequest. Короче, источник событий спрятан от нас, а наружу торчит функция, которую мы можем вызывать, но которая не сохраняет произвольную информацию для передачи в коллбек. Событий будет много и возникать они будут возникать «параллельно», так что создать переменную — не вариант.
  
  Тогда мы делаем так:
  

  function cb1(evt){
  .......
  GM_xmlhttpRequest({
  				method: "GET",
  				url: url2,
  				onload: withVars(cb2,processed2)
  			});
  }
  function cb2(evt){
  
  .......
  GM_xmlhttpRequest({
  				method: "GET",
  				url: url3,
  				onload: withVars(cb3,processed3)
  			});
  }
  function cb3(evt){
  .......
  GM_xmlhttpRequest({
  				method: "GET",
  				url: url4,
  				onload: withVars(cb4,processed4)
  			});
  }
  function cb3(evt){
  .....
  }
  GM_xmlhttpRequest({
  				method: "GET",
  				url: url1,
  				onload: cb1
  			});
  

  .
  Решение получше многих.
  
• Валидация данных.
  Например, можно написать декоратор, который будет проверять соответствие типа аргументов функции определённой форматной строке, а если не соответствует, то конвертировать/бросать ошибку.
  Тогда можно будет писать код вроде следующего:
  

  var mult=fstrValidate(function(a,b){
  return a*b;
  },"%d%d");
  

  .
  
• Ограничение частоты исполнения функции
  
• Удобство. Во многих случаях код с использованием декораторов будет чище, красивее и эффективнее.
• Применения ограничены вашей фантазией. Если задача не хочет решаться / некрасиво решается «в лоб», то возможно её можно решить с помощью декораторов.
  

Что почитать