従来のメソッドを使用せずに、JavaScript のクラスとオブジェクトはどのようにコンストラクターを処理するのでしょうか?

Linda Hamilton
リリース: 2024-11-07 20:01:03
オリジナル
976 人が閲覧しました

How do JavaScript classes and objects handle constructors without using traditional methods?

JavaScript オブジェクト コンストラクター: ガイド

JavaScript のクラスとオブジェクトには、他のプログラミング言語のような従来の意味でのコンストラクターがありません。代わりに、プロトタイプを利用してプロパティとメソッドを初期化および定義します。

プロトタイプベースのコンストラクター

プロトタイプを使用してコンストラクターを作成するには、次のように機能する関数名を定義します。 「コンストラクター」。この関数内では、キーワード「this」を使用してプロパティとメソッドに値を割り当てます。

例:

<code class="javascript">function Box(color) {
    this.color = color;
}</code>
ログイン後にコピー

「Box」関数は、現在、

<code class="javascript">var blueBox = new Box("blue");</code>
ログイン後にコピー

「Box」オブジェクトのメソッドを定義するには、関数の「prototype」プロパティを使用します。

<code class="javascript">Box.prototype.getColor = function() {
    return this.color;
};</code>
ログイン後にコピー

プライベート プロパティの非表示

コンストラクター関数内の変数としてプロパティを宣言することで、プロパティを「非表示」にすることもできます。

<code class="javascript">function Box(col) {
    var color = col;
    ...
}</code>
ログイン後にコピー

使用法

次の構文を使用して、新しいオブジェクトをインスタンス化し、プロパティとメソッドにアクセスできます。

<code class="javascript">var box1 = new Box("green");
box1.getColor(); // returns "green"</code>
ログイン後にコピー

このアプローチにより、JavaScript オブジェクトのプロパティとメソッドを動的に初期化し、定義できます。

以上が従来のメソッドを使用せずに、JavaScript のクラスとオブジェクトはどのようにコンストラクターを処理するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!