JavaScript デザイン パターンに関する簡単な説明 推奨_JavaScript スキル

}
catch(err){
console.log("不正な関数"); 🎜>}
}


次に、Interface 関数、Interface.regImplement 関数、および Function.prototype.getParameters 関数をinterface.js ファイルに統合して、新しく作成した ioldfish クラスをデバッグできます。 。 getAge メソッドがクラスにない場合に何が起こるかわかりますか?初心者の方は、さまざまなシチュエーションをシミュレーションして理解を深めていくことをおすすめします！インターフェイスのデザインを完全に理解していると確信できる場合は、さらに私の説明に従ってください。
JavaScript デザイン パターン シングルトン モード
シングル モード シングルトン: 厳密に言えば、これはパターンがまったくありませんが、Alipay の多くのコンポーネントが使いやすく設計されています。シングルトンパターンを介して。実際、このパターンは「JavaScript オブジェクト指向プログラミングに関する簡単な説明」でプロトタイプの継承を説明するときにすでに使用されています。ここでは、すべてのユーザーにとって必要なわけではなく、必要なだけです。特定の状況では、使用されるコンポーネントには非常に優れた最適化効果があり、ユーザーがトリガーするまでコンポーネントのインスタンス化を延期できます。

getAge:function(){
alert(age); ;
}
}


上記の例は最も単純な単一モードであり、すべてのデータを ioldfish オブジェクト リテラルに統合してモジュールを形成し、同時に名前空間ロールとして機能します。 。




コードをコピー

getAge: function() {
alert(age);
}
}
})();


最初の単一ボディに簡単な変更を加え、クロージャを使用します。 name を変更すると、 age は静的なプライベート変数になり、インスタンス化されたときにメモリ内に常にコピーが 1 つだけ存在することが保証されます。これはシングル モードの定義により一致します。
以下は遅延モノマーに焦点を当てています。これ以上の手間は省き、遅延モノマーを実装する方法を見てみましょう:




コードをコピー

アラート(名前);
getAge:function(){
アラート(年齢);
}
}
}
return{
isInstance:function(){
if(uniqueInstance == null){
uniqueInstance =constructor();
}
return uniqueInstance;
}
})();
ioldfish.isInstance().getName();
上記の構造は明らかにパブリックかつプライベートです。プライベート変数 uniqueInstance (クラスがインスタンス化されているかどうかを識別します) とプライベート メソッド コンストラクターはパブリック メソッド isInstance (プライベート メソッド コンストラクターで定義されたメソッドを呼び出すことができます) を返します。 ioldfish .isInstance().getName(); まず isInstance() メソッドを通じてインスタンス化されているかどうかを確認し、次に getName() メソッドを通じてクロージャ内のプライベート変数名を取得します。このモードにはまだ多くのアプリケーション シナリオがありますが、すべてのユーザーがそれを使用できるわけではなく、ページに読み込む必要がある大きなカレンダー コントロールに遭遇したことはありませんか?それは...
JavaScript デザイン パターン ファクトリ モード ファクトリ
ファクトリ モード ファクトリ: 最初に抽象クラスを作成し、次にこの抽象クラスに基づいてサブクラスを派生し、サブクラス内にインスタンス化を延期するファクトリ メソッドを作成します。正直に言うと、JavaScript でのファクトリ パターンの適用は少し突飛です。結局のところ、JavaScript には Java のようなハードコーディングによる困難はありません。パターンがあるからパターンを避ける。
極端な例として、タブ切り替えやドロップダウン リストなどのコンポーネントに位置決め、フェーディング、遅延、その他の効果を追加します。まず、これらのコンポーネントのインターフェイスを定義します。
var Iwidget = new Interface("iwidget. ",[["addEffect"]]);
後続の派生サブクラスがそれを継承できるように、このインターフェイスを定義します。インターフェイスは addEffect メソッドを定義します。インターフェイス メソッドが実装された後、呼び出し元の学生は次のことに注意を払う必要はありません。各サブクラスの addEffect メソッドのコード実装。
上記の例では、まず、派生サブクラスの親クラスとして抽象クラス Widget を定義します。どちらのタイプのコンポーネントにもコンテナーの表示と非表示が含まれることを考慮すると、これは親クラスで事前定義されています。サブクラス継承のメソッドを表示および非表示にします。


var xTabPosition = function(){};
xTabPosition.prototype ={ }