JavaScript オブジェクトでコンストラクターを作成するにはどうすればよいですか?

JavaScript オブジェクトのコンストラクター

JavaScript オブジェクトにはコンストラクターを含めることができます。他のプログラミング言語とは異なり、JavaScript はコンストラクターを定義するためにコンストラクターのような特別なキーワードを使用しません。代わりに、コンストラクターはプロトタイプを使用して作成されます。

プロトタイプを使用したコンストラクターの作成:

このアプローチでは、コンストラクター関数は大文字の名前で作成されます。コンストラクター内では、 this キーワードを使用してオブジェクトのプロパティが割り当てられます。このコンストラクターを使用して作成されたすべてのオブジェクトのプロパティとメソッドにアクセスするには、プロトタイプが作成されます。プロトタイプには、このコンストラクターから作成されたすべてのオブジェクトによって継承されるメソッドとプロパティを含めることができます。

<code class="javascript">function Box(color) // Constructor
{
    this.color = color;
}

Box.prototype.getColor = function()
{
    return this.color;
};</code>

この例では、コンストラクター Box はパラメーター color を受け取り、それをオブジェクトの color プロパティに割り当てます。 Box コンストラクターのプロトタイプは、オブジェクトの color プロパティを返す getColor というメソッドを定義します。

プライベート メンバーの非表示:

外部アクセスからプロパティを非表示にするには、変数はコンストラクター関数内で宣言でき、メソッドを通じてのみアクセスできます。これは真のプライベート メンバーではありませんが、何らかの形式のカプセル化を提供します。

<code class="javascript">function Box(col)
{
   var color = col;

   this.getColor = function()
   {
       return color;
   };
}</code>

この例では、color プロパティはコンストラクター内の変数として宣言されており、コンストラクターの外ではアクセスできません。 getColor メソッドは、color プロパティへのアクセスを提供します。

使用法:

コンストラクターを使用してオブジェクトを作成するには、new キーワードが使用されます。次のコードは、コンストラクターの使用法を示しています:

<code class="javascript">var blueBox = new Box("blue");
alert(blueBox.getColor()); // will alert blue

var greenBox = new Box("green");
alert(greenBox.getColor()); // will alert green</code>

以上がJavaScript オブジェクトでコンストラクターを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。