ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクトでコンストラクターを作成するにはどうすればよいですか?

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

Barbara Streisand
リリース: 2024-11-05 18:03:02
オリジナル
848 人が閲覧しました

How Do You Create Constructors in JavaScript Objects?

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 サイトの他の関連記事を参照してください。

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