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

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

Barbara Streisand
リリース: 2024-11-07 08:59:03
オリジナル
513 人が閲覧しました

How Can You Simulate Constructor Behavior in JavaScript Objects?

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

JavaScript オブジェクトには、Java や C などの言語に見られる従来の意味でのコンストラクターがありません。ただし、コンストラクターの動作をエミュレートする手法はあります。

プロトタイプを使用したコンストラクターのエミュレーション:

プロトタイプは、オブジェクトのブループリントを作成する方法を提供します。関数をコンストラクターとして定義し、そのプロトタイプを設定することで、コンストラクターをシミュレートできます。

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

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

プライベート メンバー変数と非表示:

プライベートに似たものを作成するにはメンバー変数を使用する場合は、コンストラクター内で変数を宣言し、それにアクセスするためのゲッター メソッドを提供できます。

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

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

使用法:

new キーワードを使用して、指定した色のインスタンスを作成します。

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

var greenBox = new Box("green");
alert(greenBox.getColor()); // Alerts "green"</code>
ログイン後にコピー

注:

これらの手法は真のコンストラクターではありませんが、オブジェクトを初期化するメカニズムを提供します構造化された方法でデータにアクセスします。これらは、基本クラスを拡張することなく、再利用可能でカプセル化されたオブジェクトを作成するために JavaScript でよく使用されます。

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

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