{  
    "compilerOptions": {  
        "target": "ES5",  
        "experimentalDecorators": true  
    }  
}

// 類裝飾器，接受一個(gè)參數(shù)即為類本身
// 將裝飾后的類以及類的原型全部凍結(jié)變?yōu)椴豢蓴U(kuò)展以及不可修改
function freeze(constructor: Function) {
  Object.freeze(constructor); // 凍結(jié)裝飾的類
  Object.freeze(constructor.prototype); // 凍結(jié)類的原型
}


// 調(diào)用 freeze 裝飾裝飾 BugReport
@freeze
class BugReport {
  static type = 'report'
}


BugReport.type = 'hello'
console.log(BugReport.type) // TypeError: Cannot assign to read only property 'type' of function 'class BugReport

function override(target: new () => any) {
  return class Child {

  }
}

@override // override 裝飾器修改了 Parent class 返回的實(shí)例對象
class Parent {

}

const instance = new Parent()

console.log(instance) // Child {}

function enumerable(value: boolean) {
  return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {

    console.log(target) // Greeter.prototype
    console.log(propertyKey) // greet

    // 將該方法(Greeter.prototype.greet) 變?yōu)椴豢擅杜e
    descriptor.enumerable = value;
  };
}


class Greeter {
  greeting: string;
  constructor(message: string) {
    this.greeting = message;
  }
 
  // @enumerable(false) 修飾實(shí)例方法，既修飾器第一個(gè)參數(shù)為 Greeter.prototype
  @enumerable(false)
  greet() {
    return "Hello, " + this.greeting;
  }
}

console.log(Object.keys(Greeter.prototype)) // []

function baseLog(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  // 觸發(fā)屬性訪問器時(shí)
  console.log(`Trigger getter(${target.name}/${propertyKey})`)
}

class Person {

  @baseLog
  static get username() {
    return '19Qingfeng'
  }
}

// Trigger getter(Person/username)
// 19Qingfeng
console.log(Person.username)

class Person {

  constructor(@logger name: string) {

  }
}


function logger(target: any, methodName: string | undefined, index: number) {
  console.log(target) // [Function: Person]
  console.log(methodName) // undefined
  console.log(index) // 0
}

// ....
// 屬性裝飾器
__decorate([propertyDecorators], Parent.prototype, 'company', undefined);
// 訪問器屬性裝飾器（原型）
__decorate([accessorDecorator], Parent.prototype, 'gender', null);
// 方法裝飾器 & 參數(shù)（實(shí)例方法）裝飾器
__decorate(
  [methodDecorator, __param(0, paramDecorator)],
  Parent.prototype,
  'getName',
  null
);
// 訪問器屬性裝飾器（實(shí)例）
__decorate([accessorDecorator], Parent, 'staticGender', null);
// 方法裝飾器（實(shí)例）
__decorate([methodDecorator], Parent, 'getStaticName', null);
// 類裝飾器 & 參數(shù)裝飾器（類的構(gòu)造函數(shù)）
Parent = __decorate([logger, __param(0, paramDecorator)], Parent);
return Parent;

var __decorate = function (decorators, target, key, desc) {
 // 首先獲得實(shí)參的個(gè)數(shù)
 var c = arguments.length,

 // 1. 如果實(shí)參個(gè)數(shù)小于 3 ，則表示該裝飾器為 類裝飾或者在構(gòu)造函數(shù)上的參數(shù)裝飾器
 // 2. 如果實(shí)參個(gè)數(shù)大于等于3， 則表示為非 1 情況的裝飾器。
 // 2.1 此時(shí)根據(jù)傳入的第四個(gè)參數(shù)，來判斷是否存在屬性描述
 // 如果 desc 傳入 null，則獲取當(dāng)前 target key 的屬性描述符給 r 賦值。比如訪問器屬性裝飾器、方法裝飾器
 // 相反如果傳入非 null （通常為 undefined）， 則直接返回 desc 。比如屬性裝飾器


 // 此時(shí) r 根據(jù)不同情況，
 // 要么是傳入的 target    （實(shí)參個(gè)數(shù)小于3）
 // 要么是 Object.getOwnPropertyDescriptor(target, key) （實(shí)參個(gè)數(shù)小于3，且 desc 為 null）
 // 要么是 undefined （實(shí)參個(gè)數(shù)小于3， desc 為 undefined）
   r =
     c < 3
       ? target
       : desc === null
       ? (desc = Object.getOwnPropertyDescriptor(target, key))
       : desc,
   d;
 for (var i = decorators.length - 1; i >= 0; i--) {
   // 從數(shù)組的末尾到首部依次遍歷獲得每一個(gè)裝飾方法
   if ((d = decorators[i])) {
     // 同樣判斷參數(shù)個(gè)數(shù)
     // 1. 如果實(shí)參個(gè)數(shù)小于 3， 類裝飾器/構(gòu)造函數(shù)上的參數(shù)裝飾
     // 此時(shí) d 為當(dāng)前裝飾器方法， r 為傳入的 target (Parent)
     // 此時(shí)直接使用當(dāng)前裝飾器進(jìn)行調(diào)用，傳入 d(r) 也就是 d(Parent)
     // 2. 如果實(shí)參個(gè)數(shù)大于 3 ，則調(diào)用當(dāng)前裝飾 d(target, key, r)
     // 3. 如果實(shí)參個(gè)數(shù)等于 3 , 則調(diào)用 d(target, key)
     // 同時(shí)為 r 重新賦值，交給下一次 for 循環(huán)遍歷處理下一個(gè)裝飾器函數(shù)
     r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   }
 }
 // 最終裝飾器函數(shù)會進(jìn)行返回
 // 如果個(gè)數(shù)大于 3，并且 r 存在 則會返回 Object.defineProperty(target, key, r) ，將返回的 r 當(dāng)作屬性描述符定義在 target key 上
 // 最終返回 r 
 return c > 3 && r && Object.defineProperty(target, key, r), r;
};

Parent = __decorate([logger, __param(0, paramDecorator)], Parent);