es6装饰器异步使用

装饰器简介

个人理解，某些场景需要在不改变原有类和属性的基础上扩展一些功能，所以装饰器就出现了。

装饰器的写法是在类或类属性之前，加个方法名。学过java的同学应该比较熟悉这种写法，Spring中铺天盖地都是注解。具体细节到处都是，就不赘述了。

不过截止到今天（2019年8月），遗憾的是nodejs还未原生支持，仍然需要babel编译。

使用场景

突然想到用装饰器，当然是有业务需要。写了一个api类，所有暴露的函数都需要进行一步初始化操作。但初始化代码又不归我控制，且是异步接口请求，不能立即执行，这就导致每个函数都要调用一遍这个init方法。因为加了缓存，每个都要判断有没有缓存，比较恶心。

常用例子

一般用这个日志模块来举例，不过它是同步的

	class Math {
	  @log
	  add(a, b) {
	    return a + b;
	  }
	}

	function log(target, name, descriptor) {
	  var oldValue = descriptor.value;

	  descriptor.value = function() {
	    console.log(`Calling "${name}" with`, arguments);
	    return oldValue.apply(null, arguments);
	  };

	  return descriptor;
	}

	const math = new Math();

	// passed parameters should get logged now
	math.add(2, 4);

修改为异步

	let init = 0;
	class Maths {
	  @log
	  add (a, b) {
	    return a + b + init;
	  }
	}

	function log (target, name, descriptor) {
	  let oldValue = descriptor.value;
	  descriptor.value = function (...args) { //有时候，arguments指向不对，可能是babel的锅？
	    console.log(`Calling "${name}" with`, args);
	    return new Promise((resolve) => {
	      setTimeout(function () {
	        // args = [...args, 100];
	        init = 100;
	        resolve(oldValue.apply(target, args)); //this指向
	      }, 100);
	    });
	  };
	  return descriptor;
	}

	const math = new Maths();

	(async () => {
	  let a = await math.add(2, 4);
	  console.log(a);
	})();

在具体函数前加了装饰器后，会先执行log方法，这样缓存的变量就修改了。虽然结果变成异步的，但也满足我的需要了。