欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript門(mén)面模式詳解

 更新時(shí)間:2017年10月19日 16:36:23   作者:與你在巔峰相會(huì)  
這篇文章主要為大家詳細(xì)介紹了JavaScript門(mén)面模式的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

外部與一個(gè)子系統(tǒng)的通信必須通過(guò)一個(gè)系統(tǒng)的一個(gè)門(mén)面對(duì)象進(jìn)行,這就是門(mén)面模式。

門(mén)面模式具備如下兩個(gè)角色:

1. 門(mén)面角色

客戶端可以調(diào)用這個(gè)角色方法,此角色中有子系統(tǒng)的應(yīng)用(知曉相關(guān)的(一個(gè)或多個(gè))子系統(tǒng)的功能和責(zé)任)。本角色會(huì)將所有從客戶端發(fā)來(lái)的請(qǐng)求委派到相應(yīng)的子系統(tǒng)去。

2. 子系統(tǒng)角色

可以同時(shí)有一個(gè)或多個(gè)子系統(tǒng)。每一個(gè)子系統(tǒng)都不是一個(gè)單獨(dú)的類(lèi),而是一些類(lèi)的集合。每一個(gè)子系統(tǒng)都可以被客戶端直接調(diào)用(這樣客戶端代碼會(huì)多),或被門(mén)面角色調(diào)用。子系統(tǒng)并不知道門(mén)面的存在,對(duì)于子系統(tǒng)而言,門(mén)面僅僅是另一個(gè)客戶端而已。

 下面我們來(lái)看一個(gè)可以提現(xiàn)門(mén)面模式的簡(jiǎn)單需求:主人為自己的寵物狗辦理的相應(yīng)的寵物領(lǐng)養(yǎng)證件

從這個(gè)簡(jiǎn)單的需求中我們可以大致分析出我們需要:主人Person類(lèi)和寵物狗Dog類(lèi) 的一些相關(guān)信息

在下面的例子中國(guó)會(huì)涉及到接口的驗(yàn)證,現(xiàn)在先將代碼貼出來(lái)

//(定義一個(gè)靜態(tài)方法來(lái)實(shí)現(xiàn)接口與實(shí)現(xiàn)類(lèi)的直接檢驗(yàn)
//靜態(tài)方法不要寫(xiě)出Interface.prototype ,因?yàn)檫@是寫(xiě)到接口的原型鏈上的
//我們要把靜態(tài)的函數(shù)直接寫(xiě)到類(lèi)層次上
//定義一個(gè)接口類(lèi)
var Interface=function (name,methods) {//name:接口名字
  if(arguments.length<2){
    alert("必須是兩個(gè)參數(shù)")
  }
  this.name=name;
  this.methods=[];//定義一個(gè)空數(shù)組裝載函數(shù)名
  for(var i=0;i<methods.length;i++){
    if(typeof methods[i]!="string"){
      alert("函數(shù)名必須是字符串類(lèi)型");
    }else {
      this.methods.push( methods[i]);
    }
  }
};
Interface.ensureImplement=function (object) {
  if(arguments.length<2){
    throw new Error("參數(shù)必須不少于2個(gè)")
    return false;
  }
  for(var i=1;i<arguments.length;i++){
    var inter=arguments[i];
    //如果是接口就必須是Interface類(lèi)型
    if(inter.constructor!=Interface){
      throw new Error("如果是接口類(lèi)的話,就必須是Interface類(lèi)型");
    }
    //判斷接口中的方法是否全部實(shí)現(xiàn)
    //遍歷函數(shù)集合
    for(var j=0;j<inter.methods.length;j++){
      var method=inter.methods[j];//接口中所有函數(shù)

      //object[method]傳入的函數(shù)
      //最終是判斷傳入的函數(shù)是否與接口中所用函數(shù)匹配
      if(!object[method]||typeof object[method]!="function" ){
      //實(shí)現(xiàn)類(lèi)中必須有方法名字與接口中所用方法名相同
        throw new Error("實(shí)現(xiàn)類(lèi)中沒(méi)有完全實(shí)現(xiàn)接口中的所有方法")
      }
    }
  }
}

(1)主人類(lèi)(Person類(lèi))

  function Person() {
   this.name="測(cè)試";
   this.address="居住在中國(guó)";
   this.getInfo=function () {
     return "名字"+this.name+" 地址"+this.address;
   };
   this.learn=function () {
     alert("學(xué)習(xí)的方法");
   }
    this.marray=function () {
      alert("marray");
    }
   //驗(yàn)證接口
    Interface.ensureImplement(this,PersonDao);//驗(yàn)證該類(lèi)是否全部實(shí)現(xiàn)接口中的方法
  }

(2)寵物狗(Dog類(lèi))

var DogDao=new Interface("DogDao",["getInfo","call","run"]);

  var Dog=function () {
    this.name="gg";
 this.getInfo=function () {
   return "狗狗的名字"+this.name;
 };
 this.call=function () { };
 this.run=function () {};
 Interface.ensureImplement(this,DogDao);//驗(yàn)證接口
  }

(3)現(xiàn)在可以主人可以給自己的寵物狗辦理寵物領(lǐng)養(yǎng)證件了   -----客戶端代碼

 第一種方法:不用門(mén)面的方式客戶端的代碼如下

function action(person,dog) {
  var r="GG"+new Date().getDay()+Math.floor(Math.random()*11);
  var str="辦證成功:編號(hào)"+r
   +"<br/>主人信息"+person.getInfo()
  +"<br>狗狗的信息:"+dog.getInfo();
  return str;
}document.write(action(new Person(),new Dog()));

第二種方法:使用門(mén)面模式-----將復(fù)雜的事交給門(mén)面來(lái)做,客戶端壓力可以減小

  #1:門(mén)面中進(jìn)行如下的處理

 function facade(person,dog) {
   var r="GG"+new Date().getDay()+Math.floor(Math.random()*11);
   var str="辦證成功:編號(hào)"+r
     +"<br/>主人信息"+person.getInfo()
     +"<br>狗狗的信息:"+dog.getInfo();
   this.action=function () {//相當(dāng)于實(shí)例的方法
     return str;
   };
 }

#2:客戶端負(fù)責(zé)使用的代碼為

function action2(person,dog) {
   document.write(new facade(person,dog).action());
}
action2(new Person(),new Dog());

總結(jié),我們可以看出不適用門(mén)面模式的客戶端需要處理較為復(fù)雜的業(yè)務(wù),使用門(mén)面后,在門(mén)面中處理復(fù)雜的東西,而客戶端只需要簡(jiǎn)單的調(diào)用即可。

 一個(gè)簡(jiǎn)單理解門(mén)面模式的圖結(jié)構(gòu):

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 基于JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的事件觸發(fā)器

    基于JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的事件觸發(fā)器

    這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的事件觸發(fā)器,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-01-01
  • JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法示例

    JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法示例

    這篇文章主要介紹了JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法,結(jié)合實(shí)例形式分析了JS實(shí)現(xiàn)iframe高度自適應(yīng)的實(shí)現(xiàn)技巧,并給出了項(xiàng)目示例供大家參考,需要的朋友可以參考下
    2017-01-01
  • JS基于onclick事件實(shí)現(xiàn)單個(gè)按鈕的編輯與保存功能示例

    JS基于onclick事件實(shí)現(xiàn)單個(gè)按鈕的編輯與保存功能示例

    這篇文章主要介紹了JS基于onclick事件實(shí)現(xiàn)單個(gè)按鈕的編輯與保存功能,結(jié)合實(shí)例形式分析了JS實(shí)現(xiàn)onclick響應(yīng)事件的轉(zhuǎn)換相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2017-02-02
  • JS實(shí)現(xiàn)圖片點(diǎn)擊后出現(xiàn)模態(tài)框效果

    JS實(shí)現(xiàn)圖片點(diǎn)擊后出現(xiàn)模態(tài)框效果

    這篇文章主要介紹了JS實(shí)現(xiàn)圖片點(diǎn)擊后出現(xiàn)模態(tài)框效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-05-05
  • JavaScript實(shí)現(xiàn)LRU算法的示例詳解

    JavaScript實(shí)現(xiàn)LRU算法的示例詳解

    不知道屏幕前的朋友們,有沒(méi)有和我一樣,覺(jué)得LRU算法原理很容易理解,實(shí)現(xiàn)起來(lái)卻很復(fù)雜。所以本文就為大家整理了一下實(shí)現(xiàn)的示例代碼,需要的可以參考一下
    2023-04-04
  • JS中可以改善代碼的5種重構(gòu)技術(shù)分享

    JS中可以改善代碼的5種重構(gòu)技術(shù)分享

    代碼重構(gòu)涉及在不改變其外部功能的情況下對(duì)現(xiàn)有代碼進(jìn)行改進(jìn),這是編程的核心部分之一,所以下面我們將研究一些技巧,這些技巧可以幫助我們以更好的方式重構(gòu)代碼,希望對(duì)大家有所幫助
    2023-06-06
  • JS給Array添加是否包含字符串的簡(jiǎn)單方法

    JS給Array添加是否包含字符串的簡(jiǎn)單方法

    下面小編就為大家?guī)?lái)一篇JS給Array添加是否包含字符串的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10
  • Bootstrap警告(Alerts)的實(shí)現(xiàn)方法

    Bootstrap警告(Alerts)的實(shí)現(xiàn)方法

    這篇文章主要為大家詳細(xì)介紹了Bootstrap警告(Alerts)的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • 一文讀懂微信小程序頁(yè)面導(dǎo)航

    一文讀懂微信小程序頁(yè)面導(dǎo)航

    微信小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或者搜一下即可打開(kāi)應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)一文讀懂微信小程序頁(yè)面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • JS實(shí)現(xiàn)數(shù)組扁平化的方法分享

    JS實(shí)現(xiàn)數(shù)組扁平化的方法分享

    數(shù)組扁平化指的是:將一個(gè)多層嵌套的數(shù)組,處理成只有一層的數(shù)組。本文主要和大家介紹了幾個(gè)常用的JS數(shù)組扁平化方法,希望對(duì)大家有所幫助
    2023-04-04

最新評(píng)論