Decorators（修飾器）

修飾器（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);//師徒.