ホームページ > ウェブフロントエンド > jsチュートリアル > クラスフィールドと静的プロパティについて

クラスフィールドと静的プロパティについて

PHPz
リリース: 2024-09-03 15:37:32
オリジナル
452 人が閲覧しました

Understanding Class Fields and Static Properties

こんにちは!クラス フィールドと静的プロパティに関するこの記事へようこそ!
ES15 では、クラス本体内でクラス フィールドと静的プロパティを直接定義する機能が追加されました。これにより、コンストラクター関数でプロパティを初期化する必要がなくなり、コードがよりクリーンで簡潔になります。これは、この新機能を理解するためのものです!

1. クラスを定義します。

それを使用するにはクラスを定義する必要があります:

class myClass {
}
ログイン後にコピー

2. クラスにプロパティを追加します。

クラスにプロパティを配置すると、プロパティが定義されます。

class myClass {
    property1;
    property2;
}
ログイン後にコピー

プロパティは必要なだけ追加できます。

3.constructor() 関数を追加します。

コンストラクター関数を追加して、このオブジェクトのプロパティのキーを定義します。

class myClass {
    property1;
    property2;
    constructor(property1, property2) {
        this.property1 = property1;
        this.property2 = property2;
    }
}
ログイン後にコピー

4. 例

これは、JS でのこの新機能の使用例です:

class Person {
    name;
    age;
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}
ログイン後にコピー

5. 結論

これがこの投稿の結論です!
必ず反応を追加し、これをブックマークしてください!
また、以下にコメントしてください!
この投稿はフロントエンド チャレンジのために作成されました!

以上がクラスフィールドと静的プロパティについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート