概要プロトタイプ パターンは、プロトタイプ インスタンスによって作成されるオブジェクトの型を指し、これらのプロトタイプをコピーすることで新しいオブジェクトが作成されます。これは、オブジェクトを作成する、つまり、別のオブジェクトのプロトタイプ プロパティとしてオブジェクトを作成するために使用されるパターンです。 プロトタイプの警告: プロトタイプ モードについて学習する前に、まずプロトタイプ、プロトタイプ チェーン、プロトタイプ、__proto__、コンストラクターなどの知識について学習する必要があります。 プロトタイプパターンの実装ES5 API: Object.create(プロトタイプ、オプションのDescriptorObjects) Object.create() メソッドは 2 つのパラメータを受け取ります。最初のパラメータは __proto__ オブジェクトで、2 番目は prototiesObject です (オプション。2 番目のパラメータは追加のプロパティを初期化するために使用でき、リテラル オブジェクト形式を受け入れます)。 var 車両プロトタイプ = { モデル:"ポルシェ", getModel: 関数 () { console.log('車両モデルは: ' + this.model); } }; var 車両 = Object.create(車両プロトタイプ,{ "モデル":{ 値:"フェラーリ" } }); automobile.getModel(); // 車両モデル: Ferrari 実際に新しいオブジェクト automobilePrototype を作成するには Object.create を使用し、vehiclePrototype のメソッドを継承します。つまり、この時点では、vehicle.__proto__ == automobilePrototype; です。 2 番目のパラメータで「model」の値が初期化され、model の値が「Ferrari」に初期化されるため、この時点で新しく作成されたオブジェクト automobilePrototype にはモデルが 1 つだけ存在し、値は「Ferrari」になります。 Object.create() を使用する代わりに、プロトタイプを使用します。 var 車両プロトタイプ = { init: 関数 (carModel) { this.model = carModel || "ポルシェ"; }, getModel: 関数 () { console.log('車両モデルは: ' + this.model); } }; 関数 車両(モデル) { 関数F(){}; F.prototype = 車両プロトタイプ; var f = 新しい F(); f.init(モデル); f を返します。 } var 車 = 車両('フェラーリ'); car.getModel(); // 車両モデルは: Ferrari 上記のコードでは、コアが車両にあることがわかります。最初に新しいコンストラクタを作成し、関数のプロトタイプをvehiclePrototypeにポイントし、関数をインスタンス化し、最後に継承後にプロトタイプのinitメソッドを呼び出します。最後に、実行結果を返すこともできます。 要約するプロトタイプ パターンは JavaScript に広く普及しており、他の多くのパターンもプロトタイプに基づいて実装されているため、プロトタイプ、__proto__、コンストラクターなどの主要な属性の知識ポイントに重点を置いて、プロトタイプとプロトタイプ チェーンの知識を学習して復習することが重要です。 以上がJavaScriptでプロトタイプパターンを実装する方法の詳細です。JavaScriptプロトタイプパターンの詳細については、123WORDPRESS.COMの他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
<<: CentOS7 に Redis をインストールして設定する方法
>>: MySQL の一般的な問題とアプリケーション スキルの概要
1. app.jsonを使用してページを作成する私たちの通常の開発習慣によれば、新しいページを作成す...
1. まずは効果を見てみましょうインターフェース要求によって返されるデータ: 2. 公式ログインフロ...
VMware で仮想マシンを作成し、Redhat Linux オペレーティング システムをインスト...
序文この記事では主に、Linux/Mac に MySQL をインストールするときにパスワードを忘れた...
前の単語line-height、font-size、vertical-align は、インライン要素...
目次質問1: 小道具は具体的にどのように使用されますか?原理は何ですか?下を見る質問 2: 年齢に ...
1. 必要なパッケージをダウンロードする wget -P /usr/local https://st...
目次1. 仮想マシンをダウンロードする2. 仮想マシンのインストールVMware のダウンロードとイ...
JavaScript DOM を読み終えた後、解釈型 JavaScript スクリプト言語に対する...
HTML ファイルとは何ですか? HTML は Hyper Text Markup Language...
目次序文インデックス プッシュダウンとは何ですか?インデックスプッシュダウン最適化の原理インデックス...
VMware のインストールパッケージのインストールダウンロードアドレス: https://www....
<br />注目を集めるウェブサイトを作成するには、どのような原則に従うべきでしょうか?...
まず、MySQL InnoDB エンジンのストレージ形式に関する重要なポイントをいくつか紹介します。...
1. openjdkを表示する rpm -qa|grep jdk 2. openjdk を削除します...