配列としてプロトタイプ化された JavaScript オブジェクトのメンバーがクラス インスタンス間で共有されるのはなぜですか?

配列としてプロトタイプ化された JavaScript オブジェクトのメンバー: クラス インスタンス間で共有

JavaScript で配列のプロトタイプを作成する場合、これらのメンバーが共有されることを理解することが重要ですすべてのクラス インスタンス間で。プライベート オブジェクト メンバーに慣れている場合、この動作は直観に反しているように見えるかもしれません。

動作の説明

JavaScript のプロトタイプ メカニズムにより、オブジェクトは親オブジェクトからプロパティとメソッドを継承できます。プロトタイプとして知られています。プロトタイプのプロパティとして配列を定義すると、そのプロトタイプから継承するすべてのオブジェクトからアクセスできるようになります。

サンプル スクリプトは、次の動作を示しています。

function Sandwich() {
    // Uncomment this to fix the problem
    //this.ingredients = [];
}

コメント行付きコメントを解除すると、各 Sandwich インスタンスは独自のプライベート食材配列を持つことになります。ただし、この行がコメントアウトされているため、すべてのインスタンスは同じプロトタイプ配列を共有します。

これは、チーズバーガーに材料を追加すると、blt と Spice_chicken_sandwich の材料も更新されることを意味します。これを防ぐには、以下の更新された例に示すように、コンストラクター内で成分配列を定義する必要があります。

function Sandwich() {
    this.ingredients = [];
}

プロトタイプとインスタンス

プロトタイプのプロパティとインスタンスのプロパティを区別します。プロトタイプ プロパティは、そのプロトタイプを継承するすべてのオブジェクトで共有されますが、インスタンス プロパティは各オブジェクトに固有です。

• 共有データまたはメソッドを定義するには、プロパティをプロトタイプに割り当てます。
• Assignコンストラクター内のインスタンスにプロパティを追加して、インスタンス固有のデータを定義します。

動作を修正するためのコードの変更

サンプル スクリプトでは、次の行のコメントを解除します。 .成分 = []; Sandwich コンストラクター内では、意図したとおり、各インスタンスが独自の成分配列を持つことが保証されます。

結論

予期せぬ共有を避けるためには、JavaScript でプロトタイプ化された配列の動作を理解することが重要です。クラスインスタンス間で。インスタンス固有である必要があるデータはコンストラクター内で定義する必要がある一方、共有データは継承を通じてプロトタイプに割り当てることができることを常に覚えておいてください。

以上が配列としてプロトタイプ化された JavaScript オブジェクトのメンバーがクラス インスタンス間で共有されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。