ホームページ  >  記事  >  ウェブフロントエンド  >  es6 デコレータの用途は何ですか?

es6 デコレータの用途は何ですか?

WBOY
WBOYオリジナル
2022-05-05 15:22:031445ブラウズ

ES6 では、クラスやクラス メソッドに注釈を付けたり変更したりするためにデコレータが使用されます。これはクラス関連の構文です。デコレータはコンパイル時に実行され、クラスまたは属性メソッドに追加される関数です。制御条件は通常、クラスおよびクラスメソッドの定義の前に置かれます。制御条件は、クラスデコレータとクラスメソッドデコレータの 2 種類に分けられます。構文は「@関数名」です。

es6 デコレータの用途は何ですか?

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 デコレータの用途について

デコレータ: これは、クラスおよびクラス関連のメソッドとプロパティに注釈を付けたり変更したりするために使用されるクラス関連の構文です。多くのオブジェクト指向言語にはこの機能があります。クラス関連全般、普通のメソッドは使わないでください

デコレータは関数の一種で、@関数名で記述され、クラスやクラスメソッドの定義の前に置くことができます。デコレータは関数を実行し、クラスまたはクラス下の属性メソッドにいくつかの制御条件を追加します。

Decorator

他のコードをクラスまたはクラス属性に駆動します。再利用可能

デコレータは主に、装飾クラス、装飾メソッド、または属性に使用されます。

# 例は次のとおりです。


装飾クラス

@annotation
class MyClass { }
function annotation(target) {
   target.annotated = true;
}

装飾メソッドまたは属性

class MyClass {
  @readonly
  method() { }
}
function readonly(target, name, descriptor) {
  descriptor.writable = false;
  return descriptor;
}

[関連する推奨事項:

JavaScript ビデオ チュートリアル Web フロントエンド ]

以上がes6 デコレータの用途は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。