ホームページ  >  記事  >  ウェブフロントエンド  >  ネイティブ クラスを使用せずに JavaScript でコンストラクターのような動作を作成するにはどうすればよいですか?

ネイティブ クラスを使用せずに JavaScript でコンストラクターのような動作を作成するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-04 18:42:02563ブラウズ

How Do You Create Constructor-like Behavior in JavaScript Without Native Classes?

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

JavaScript では、他のプログラミング言語とは異なり、クラスとオブジェクトにはネイティブ コンストラクターがありません。代わりに、同様の機能を実現する代替メソッドを採用します。

プロトタイプの使用

コンストラクターのような動作を作成する 1 つの方法は、プロトタイプを使用することです。 Box(color) などのコンストラクター関数を定義できます。これは、作成されるオブジェクトを参照します。コンストラクターは、色などのオブジェクトのプロパティを初期化します。

さらに、プロトタイプを使用すると、共有メソッドを作成できます。 Box 関数は、そのプロトタイプ内で getColor メソッドを定義できます。このメソッドには、Box を使用して作成されたすべてのオブジェクトからアクセスできます。

プロパティの非表示

または、非表示にすることもできます。オブジェクト内のプロパティを使用してプライベート メンバー変数をシミュレートします。関数はプライベート変数 color で定義でき、getColor メソッドを公開してその値を取得できます。

使用法

どちらのアプローチでも、新しいメソッドを使用してインスタンスを作成できます。キーワード。たとえば、 new Box("blue") と new Box("green") は、色の異なる値を持つ 2 つの別個のインスタンスを作成します。これらのインスタンスで getColor を呼び出すと、それぞれの色が返されます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。