TypeScript デコレータ定義

// 使用する関数をデコレータ関数として定義します function testDecorator() {}

// @ シンボルを介してデコレータ @testDecorator を使用する

// デコレータファクトリ、戻り値は関数です function testDecorator() {
    関数() を返す {}
}

// @symbol + 関数呼び出しでデコレータ @testDecorator() を使用する

// 2つのデコレータ関数を定義します。function setName() {}
関数 setAge() {}

//デコレータ@setNameを使用する
@set年齢
クラス Person {}

関数setName(コンストラクタ: any) {
  console.log('setName', コンストラクター)
}
関数setAge(コンストラクタ: any) {
  console.log('setAge', コンストラクター)
}
@setName
@set年齢
クラス Person {}
/* 実行結果は以下のとおりです。
setAge [関数: 人]
setName [関数: 人]
*/

関数setName() {
  console.log('getsetName') を実行します。
  関数を返す（コンストラクタ：任意）{
    console.log('setName', コンストラクター)
  }
}
関数setAge() {
  console.log('get setAge')
  関数を返す（コンストラクタ：任意）{
    console.log('setAge', コンストラクター)
  }
}
@setName()
@set年齢()
クラス Person {}
/* 実行結果は以下のとおりです。
setName を取得する
年齢設定を取得する
setAge [関数: 人]
setName [関数: 人]
*/

記号 = null とする
関数setName() {
  関数を返す (コンストラクタ: Function) {
    記号 = コンストラクタ
  }
}
@setName()
クラス情報{
  コンストラクタ() {}
}
console.log(sign === Info) // true
console.log(sign === Info.prototype.constructor) // true

// * プロトタイプオブジェクトとコンストラクタ関数を変更する addName(constructor: { new (): any }) {
  constructor.prototype.name = '一碗の周'
}
@名前を追加
クラス Person {}
定数 person = 新しい Person()
console.log(person.name) // エラー プロパティ「name」はタイプ「A」に存在しません

関数 addName(コンストラクタ: { new (): any }) {
  コンストラクター.prototype.name = '一碗の周'
}
@名前を追加
クラス Person {}
定数 person = 新しい Person()
// 1. 型アサーション // console.log((person as any).name) // 一碗周 // 2. 同じ名前のインターフェースを定義し、マージインターフェースを宣言する Person {
  名前: 文字列
}

console.log(person.name) // 周一万

// * コンストラクタ関数をオーバーロードします classDecorator<T extends { new (...args: any[]): {} }>(
  コンストラクタ: T,
）{
  戻りクラスはコンストラクタを拡張します {
    名前 = '一碗の周'
    趣味 = 「コーディング」
  }
}
@クラスデコレータ
クラス Person {
  年齢 = 18
  名前: 文字列
  コンストラクタ(名前: 文字列) {
    this.name = 名前
  }
}
const person = new Person('Yiwan Zhou')
console.log(人)
/* 実行結果は以下のとおりです。
{
  年齢: 18歳
  名前:「周の一杯」
  趣味:「コーディング」
}
*/

// デコレータファクトリー関数を定義する classDecorator(_name: string) {
  関数 <T extends { new (...args: any[]): {} }>(コンストラクタ: T) { を返します。
    戻りクラスはコンストラクタを拡張します {
      名前 = _名前
      趣味 = 「コーディング」
    }
  }
}
@classDecorator('一碗の周')
クラス Person {
  年齢 = 18
  名前: 文字列
  コンストラクタ(名前: 文字列) {
    this.name = 名前
  }
}
const person = new Person('お粥一杯')
console.log(人)
/* 実行結果は以下のとおりです。
{
  年齢: 18歳
  名前:「周の一杯」
  趣味:「コーディング」
}
*/

// デコレータファクトリー関数 enumerable(bool: boolean) {
  /**
   * メソッド デコレータは 3 つのパラメータを受け入れます。
   * 1. ターゲット: 静的メンバーの場合はクラスのコンストラクタ、インスタンス メンバーの場合はクラスのプロトタイプ オブジェクトです。* 2. propertyName: メンバーの名前。* 3. 記述子: プロパティ記述子。その型は PropertyDescriptor です。
   */
  戻り関数（
    対象: 任意、
    プロパティ名: 文字列、
    記述子: PropertyDescriptor、
  ）{
    //渡されたbool記述子に基づいてメソッドが列挙可能かどうかを判断します。enumerable = bool
  }
}
クラス情報{
  コンストラクター(パブリック名: 文字列) {}
  @列挙可能(false)
  取得名() {
    this.name を返す
  }
}
const info = new Info('今週の一杯')
// 直接印刷する場合、メソッドは列挙可能ではないため、オブジェクトには getName() メソッドが含まれません。
console.log(info) // { name: 'Yiwan Zhou' }
// ただし、このメソッドは console.log(info.getName()) で呼び出すことができます // Yiwan Zhou

// デコレータファクトリー関数 enumerable(bool: boolean) {
  戻り関数（
    対象: 任意、
    プロパティ名: 文字列、
    記述子: PropertyDescriptor、
  ）{
    戻る {
      値: 関数 () {
        「エラー: 名前が未定義です」を返します
      },
      列挙可能: ブール値、
    }
  }
}
クラス情報{
  コンストラクター(パブリック名: 文字列) {}
  @列挙可能(false)
  取得名() {
    this.name を返す
  }
}
const info = new Info('A bowl of Zhou')
console.log(info) // { name: 'Yiwan Zhou' }
console.log(info.getName()) // エラー: 名前が未定義です

関数列挙可能(bool: boolean) {
  戻り関数（
    対象: 任意、
    プロパティ名: 文字列、
    記述子: PropertyDescriptor、
  ）{
    記述子.enumerable = bool
  }
}
クラス情報{
  private_name: 文字列
  コンストラクタ(名前: 文字列) {
    this._name = 名前
  }
  @列挙可能(false)
  名前を取得する() {
    this._name を返す
  }
  名前を設定する(名前) {
    this._name = 名前
  }
}

関数 printPropertyName(ターゲット: 任意、プロパティ名: 文字列) {
  console.log(プロパティ名)
}
クラス情報{
  @printプロパティ名
  名前: 文字列
  @printプロパティ名
  年齢: 番号
  コンストラクター(名前: 文字列、年齢: 数値) {
    this.name = 名前
    this.age = 年齢
  }
}
新しい情報('Yiwan Zhou'、18)

関数が必要です(ターゲット: 任意、プロパティ名: 文字列、インデックス: 数値) {
  console.log(`変更されたパラメータは ${propertyName} の ${index + 1} 番目のパラメータです`)
}
クラス情報{
  name: string = '一碗の周'
  年齢: 番号 = 18
  getInfo(プレフィックス: 文字列、@必須情報タイプ: 文字列): 任意 {
    プレフィックス + ' ' + this[infoType] を返す
  }
}
インターフェース情報{
  [キー: 文字列]: 文字列 | 数値 | 関数
}
const info = 新しい Info()
info.getInfo('', 'age') // getInfoの2番目のパラメータを変更します