クラスのフィールドとメソッド

フィールド

クラスフィールドは、明示的に宣言するのではなく、クラスの本体内で直接宣言します。 this 値のプロパティとして追加します。ただし、結果は同じです。そのクラスのインスタンスに対して定義したプロパティを使用します。

class MyClass {
    myField;
}

const myClassInstance = new MyClass();

myClassInstance;
> MyClass { myField: undefined }

フィールドは値で初期化できます。これは多くの場合次のものを上書きできます。

class MyClass {
    myResult = false;
    set setValue( myValue ) {
        this.myResult = myValue;
    }
}
const myClassInstance = new MyClass();

myClassInstance;
> Object { myResult: false }

myClassInstance.setValue = true;

myClassInstance;\
> Object { myResult: true }

クラスフィールドは、クラスに関連付けられたプロパティと機能的に同一である this を使用します。つまり、Cloud Storage の外部から他のプロパティと同様に使用できます。

class MyClass {
    myField = true;
}

const myClassInstance = new MyClass();

myClassInstance.myField;
> true

myClassInstance.myField = false;

myClassInstance.myField;
> false;

フィールドは、クラスの高度な機能の一部の基礎となります。

非公開のフィールドとメソッド

非公開のフィールドとメソッドは、クラスの外部からはアクセスできません。プライベートプロパティはクラスのインスタンスに関連付けられます。つまり、各インスタンスはには、クラスで定義されている、独自の非公開フィールドとメソッドのセットが含まれます。

プロパティを非公開にするには、実行時に ID の先頭に # を追加します。次のように宣言します。

class MyClass {
    #myPrivateField = true;
    #myPrivateMethod() {}
}
const myClassInstance = new MyClass();

myClassInstance;
> MyClass { #myPrivateField: true }
    #myPrivateField: true
    <prototype>: Object { … }
        constructor: class MyClass {}
        <prototype>: Object { … }

プライベートフィールドは、含まれるクラスの本体で宣言する必要があります。Google Chat では後で this のプロパティとして値を変更するが、フィールドを作成できない this を使用します。

非公開フィールドにスクリプト内の他の場所からアクセスすることはできません。これによりプロパティが、提供されている getter メソッドと setter メソッドの外部では操作でき、値に直接アクセスできなくなります。クラス内でのみ使用することを目的としたメソッドです。

class MyClass {
    #myResult = false;
    set setValue( myValue ) {
        this.#myResult = myValue;
    }
}
const myClassInstance = new MyClass();

myClassInstance;
> MyClass { #myResult: false }

myClassInstance.#myResult = true;
> Uncaught SyntaxError: reference to undeclared private field or method #myResult

myClassInstance.setValue = true;

myClassInstance;\
> MyClass { #myResult: true }

ただし、ブラウザのデベロッパーコンソールは通常制限が緩やかな、デバッグのためにプライベートフィールドへのアクセスを許可することについては、一貫性に欠けています。目的:

class MyClass {
    #myPrivateField = true;
    #myPrivateMethod() {
        console.log( "This is inside a private method." );
    }
}
const myClassInstance = new MyClass();

myClassInstance;
> MyClass {#myPrivateField: true}

myClassInstance.#myPrivateField;
> true

myClassInstance.#myPrivateMethod();
> "This is inside a private method."

class MyClass {
    #myPrivateField = true;
    #myPrivateMethod() {
        console.log( "This is inside a private method." );
    }
}
const myClassInstance = new MyClass();

myClassInstance;
> MyClass {#myPrivateField: true}

myClassInstance.#myPrivateField;
> Uncaught SyntaxError: reference to undeclared private field or method #myPrivateField

myClassInstance.#myPrivateMethod();
> Uncaught SyntaxError: reference to undeclared private field or method #myPrivateMethod

非公開フィールドのスコープは、そのフィールドを含むクラスの本体に限定されます。つまり、子クラスでも、関連付けられたプライベートフィールドにはアクセスできません。親クラス:

class MyClass {
    #myPrivateField = true;
}
class ChildClass extends MyClass {
    childMethod() {
        console.log( this.#myPrivateField );
    }
}
> Uncaught SyntaxError: reference to undeclared private field or method #myPrivateField

静的フィールドとメソッド

静的フィールドとメソッドは、そのクラスのインスタンス。このため、静的フィールドはクラスの各インスタンスに対して一意ではないものの、共有の構成情報などの参照が必要になる場合があります。静的メソッドは、アプリケーションのインスタンスを操作するユーティリティ関数で、インスタンスに含まれているフィールドとの比較や並べ替えなどを行うことができます。

クラスの本体で静的フィールドとメソッドを定義するには、static を使用します。キーワード:

class MyClass {
    static myStaticField;
    static myStaticMethod() {}
}
const myClassInstance = new MyClass();

ドット表記を使用して静的メソッドを作成することもできます。

class MyClass {
    constructor() {}
}
MyClass.myStaticMethod = function() {}

クラスのインスタンスから静的プロパティにアクセスすることはできませんが、クラスコンストラクタで使用できます。

class MyClass {
    static myStaticField = true;
    static myStaticMethod() {
        console.log( "A static method." );
    }
}
const myClassInstance = new MyClass();

myClassInstance.myStaticField;
> undefined

myClassInstance.myStaticMethod();
> Uncaught TypeError: myClassInstance.myStaticMethod is not a function

MyClass.myStaticField;
> true

MyClass.myStaticMethod();
> "A static method."

技術的には必須ではありませんが、静的メソッドを使用することがベストプラクティスです。クラスのインスタンスを操作するユーティリティを作成するたとえばクラスのインスタンスを並べ替えるための静的メソッド、または静的なファクトリメソッドがあり、API のインスタンスをクラスのインスタンスを返します。

class User {
    constructor( name, email ) {
        this.name = name;
        this.email = email;
    }
    static fromObject( myObject ) {
        return new User( myObject.name, myObject.email ?? "Omitted" );
    }
}
const userObject = {
    "name" : "My Name",
    "email" : "my@email.address"
};
const secondUserObject = {
    "name" : "My Name"
};

const firstUser = User.fromObject( userObject );
const secondUser = User.fromObject( secondUserObject );

firstUser;
> Object { name: "My Name", email: "my@email.address" }

secondUser;
> Object { name: "My Name", email: "Omitted" }

理解度をチェックする

次のうち、プロジェクトからのみアクセスできるフィールドのタイプはどれですか。どうすればよいでしょうか。

非公開フィールド

クラスフィールド

Static fields