ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript デザインパターン 外観パターン例_javascript スキル

JavaScript デザインパターン 外観パターン例_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:34:351312ブラウズ

外観モード (ファサード モード) は、比較的シンプルでユビキタスなモードです。外観パターンは、クライアントまたはサブシステムの呼び出しを容易にする高レベルのインターフェイスを提供します。

簡単なコードを使用してそれを表現します:

コードをコピーします コードは次のとおりです:

var getName = function(){
「スヴェンゼン」を返します
}
var getSex = function(){
「男」を返します
}

getName 関数と getSex 関数を個別に呼び出す必要がある場合は、上位レベルのインターフェイス getUserInfo を使用して呼び出すことができます。

コードをコピーします コードは次のとおりです:

var getUserInfo = function(){
var info = a() b();
情報を返す;
}

答えは明白です。食堂の炒め物シェフは、鴨のローストとキャベツを注文したからといって、同じ鍋で 2 つの料理を炒めることはありません。彼はむしろローストダックライスセットを提供したいと考えています。また、プログラミングでは、関数やオブジェクトが可能な限り適切な粒度であることを保証する必要があります。結局のところ、誰もがロースト アヒルを食べるのが好きなわけではなく、キャベツも食べるのが好きなわけではありません。

外観モードのもう 1 つの利点は、最上位レベルのインターフェイスのみを気にするユーザーから実際の実装の詳細を隠すことができることです。たとえば、鴨のローストライスセットの話では、シェフが鴨のローストを先に調理するか、キャベツを先に調理するかは気にしません。また、鴨がどこで栽培されたかは気にしません。

最後に、私たち全員が使用した外観モードの例を書いてみましょう:

コードをコピーします コードは次のとおりです:

var stopEvent = function( e ){ //イベントのデフォルト動作とバブリングを同時に停止します
e.stopPropagation();
e.preventDefault();
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。