JavaScript プロトタイプと「this」: いつどちらを使用するか?

JavaScript のプロトタイプと「これ」

JavaScript では、クラスはコンストラクターとして機能する関数を通じて定義されます。ただし、これらの関数内でプロパティとメソッドを定義する方法には違いがあります。

「this」の使用

メソッドがコンストラクター関数内で直接定義されている場合、次のようになります。次の例では:

var A = function () {
    this.x = function () {
        // do something
    };
};

これは、新しく作成されたクラスのインスタンスを指します。この場合、A() はインスタンスを作成し、その x プロパティを定義された関数に設定します。

プロトタイプの使用

対照的に、メソッドがコンストラクター関数のprototypeプロパティ:

var A = function () { };
A.prototype.x = function () {
    // do something
};

prototypeを使用すると、同じクラスの複数のインスタンスがメソッドとプロパティを共有できます。プロトタイプ プロパティに関数を割り当てるということは、クラスのすべてのインスタンスがそのメソッドを継承することを意味します。

主な違い

1. インスタンス固有とクラス全体: これを使用して定義されたプロパティとメソッドはクラスの各インスタンスに固有ですが、プロトタイプで定義されたものはインスタンス間で共有されます。すべてのインスタンス。
2. シリアル化: プロトタイプで定義されたメソッドは、オブジェクトが JSON に変換されるときにシリアル化されませんが、これを使用して定義されたメソッドは含まれます。
3. メモリ効率: プロトタイプを使用してメソッドを共有すると、各インスタンスに独自の割り当てを行う場合と比較して、メモリ使用量の点でより効率的になる可能性があります。 copy.

各アプローチを使用する場合

• 各インスタンスに固有のメソッドまたはプロパティが必要な場合にこれを使用します。
• クラスの複数のインスタンス間でメソッドとプロパティを共有し、メモリ使用量を削減し、重要でないシリアル化を回避したい場合は、プロトタイプを使用します。情報。

以上がJavaScript プロトタイプと「this」: いつどちらを使用するか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。