es6学习笔记整理（十六）Decorators

Decorator修饰器

修饰器是一个函数用来修改类的行为：

• 1、修饰器是一个函数
• 2、修改行为
• 3、修改类的行为（修饰器只在类的范围类有用）
• 需要安装babel-plugin-transform-decorators-legacy包
• function(修改的类本身，修改的属性名称，该属性的描述对象）

//类里面
let readonly = function (target, name, descriptor){
    descriptor.writable = false;
    return descriptor;
};

class Test{
    @readonly //@加上上面的函数名
    time(){
        return '2018-03-14';
    }
}

let test = new Test();
test.time = function (){
    console.log('1234-45-67');
};
console.log(test.time());//由于是只读，所以会报错

类外面，有一定要在class前面

//        静态属性
let typename = function (target, name, descriptor){
    target.myname = 'hello';
};

@typename
class Test{

}

console.log(Test.myname);//hello
//第三方修饰器的js库，需要安装core-decorators;npm install core-decorators

案例：日志系统

        let log = (type) => {
            return function (target, name, descriptor){
                let src_method = descriptor.value;
                descriptor.value=(...arg)=>{
                    src_method.apply(target, arg);
                    cosnole.log(`log ${type}`);
                }
            }
        };

        class AD{
            @log('show')
            show(){
                console.log('ad is show');
            }

            @log('click')
            click(){
                console.log('ad is click');
            }
        }

        let ad = new AD();
        ad.show();//ad is show
        ad.click();//ad is click

到这里也只是大致了解，想要会用还是要更深入的去学习，以后有这方面运用再来补充。