@descriptor

71 阅读 0 评论 47 点赞

我是靠谱客的博主震动面包，最近开发中收集的这篇文章主要介绍@descriptor，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

const log = (target, name, descriptor) => {
  //ES6实现AOP
  const _handler = descriptor.value;
  descriptor.value = function(){
    console.log(arguments);
   _handler.apply(this,arguments);
  };
  return descriptor;
}

class Math {
  @log
  add(a, b) {
    return a + b;
  }
  add2(a, b) {
    return a + b;
  }
  add3(a, b) {
    return a + b;
  }
}
//传统方式
!function(){
const _handler = Math.prototype.add2;
Math.prototype.add2 = function(){
    console.log(arguments);
   _handler.apply(this,arguments);
};
}();

const math = new Math();
math.add(1, 2);
math.add2(1, 2);