润饰器（Decorator）是一个函数，用来修正类的行动。

装潢对象能够运用多个装潢器

装潢器能够带参数

装潢器 润饰类 实例要领

'use strict'

function school(){
        console.log('师徒');
    }

    @school
    class Student{
        constructor(name){
            this.name=name
        }
        study(){
            console.log(this.name+" is studying");
        }
    }

@school相当于一个润饰器

须要先装置一个插件：

npm install babel-plugin-transform-decorators-legacy –save-dev

然后在项目根目录下，找到：

.babelrc=>修正为”plugins”: [“transform-decorators-legacy”]

在html文件里援用：

function school(target){
    target.schoolName="师徒";
    }
    function hometown(diq){
        return function(target){
            target.home=diq;
        }
    }
    function studyke(kemu){
        return function(target){
            target.ke=kemu;
        }
    }
    
    @hometown("大广灵")
    @school
    
    class Student {
        constructor(name){
            this.name=name;
        }
        @studyke("jquery")
        study(){
            console.log(this.name+"啦啦啦"+this.ke);
        }
    }
    console.log(Student.schoolName);//师徒.
    console.log(Student.home);//广灵县.
    
    let l = new Student("ss");
    l.study();//ss在啦啦啦jquery.
    
    @school
    class Teacher {
        
    }
    console.log(Teacher.schoolName);//师徒.