這篇文章主要講解了JS實現(xiàn)數(shù)據(jù)與邏輯分離的方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),武山企業(yè)網(wǎng)站建設(shè),武山品牌網(wǎng)站建設(shè),網(wǎng)站定制,武山網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,武山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

之前已經(jīng)寫過一個表單驗證插件了，為什么還會重復造輪子呢？第一個問題是代碼結(jié)構(gòu)比較亂，雖然通過原型繼承的寫法將處理分層，但業(yè)務(wù)邏輯和數(shù)據(jù)結(jié)構(gòu)混雜在一起，導致第二個問題——可擴展性和靈活性差。

認真分析表單驗證的過程，可以分為兩步：怎么驗證和如何驗證。怎么驗證是數(shù)據(jù)層面的問題，如何驗證是業(yè)務(wù)邏輯層面的問題。

點擊：這里 查看源碼

策略模式將對象和規(guī)則區(qū)分

如何讓算法（數(shù)據(jù)層）和對象（邏輯層）分開來，使得算法可以獨立于使用它的客戶而變化？這里引入策略模式。

什么是策略模式

定義一系列的算法,把每一個算法封裝起來, 并且使它們可相互替換。本模式使得算法可獨立于使用它的客戶而變化。

即：策略模式把對象本身和運算規(guī)則區(qū)分開來，其功能非常強大，因為這個設(shè)計模式本身的核心思想就是面向?qū)ο缶幊痰亩嘈涡缘乃枷搿?/p>

關(guān)于策略模式的更多定義，參見

下面我們就開始運用策略模式來解決代碼分層問題。

理想中的插件調(diào)用

在開始代碼之前，我們希望用更簡單的方式調(diào)用插件。

  // 獲取表單form元素
  var form = document.getElementById('myForm');

  // 創(chuàng)建表單校驗實例
  var validation = new FormValidator();
  // 編寫校驗配置
  validation.add(form.username, 'isEmpty', '用戶名不能為空s');
  validation.add(form.password, 'minLength: 6', '密碼長度不能小于6個字符');
  validation.add(form.password2, 'isEqualTo: password', '密碼不一致');
  validation.add(form.mobile, 'isMobile', '請?zhí)顚懻_的手機號');

  // 開始校驗，并接收錯誤信息
  $('#submit-btn').click(function() {
    var errorMsg = validation.start();

    // 如果有錯誤信息輸出，說明校驗未通過
    if(errorMsg){
      console.log(errorMsg);
      return false;
    }
  })

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前題目：JS實現(xiàn)數(shù)據(jù)與邏輯分離的方法-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/dcgepj.html