最近寫了一個JS插件，用圈內的話說叫造了個輪子，造的好與不好都不是自己說了算，關鍵還是大家用的好與不好。
　　當然我自己也在使用，由于個人偏愛與喜好，所以未能借簽其他Ajax框架的寫法，目前的版本都是以版本一進行往上整合的成果，所以你想要全面了解內部的結構，可以先從版本一開始看起。

　　現在我們說說整體的設計結構，版本一是好友收集整理的方法，基礎的寫法已經成型，調用nativeAjax方放即可，方法內部有三個參數，第一個為ajax的屬性，第二個為成功的函數，第三個為錯誤的函數，具體如下：

nativeAjax(postOption,function(data){ // 3.1、請求成功回調 console.log(data);},function(error){ // 3.2、請求失敗回調,返回HTTP狀態碼 console.log(error);});

　　基于以上的設計模式，然后給他進行二次封裝，首先ajax的服務屬性固定不變，那么我們可以把所有的ajax properties綁定到對象上即可，如果直接綁定在指定的對象上，其實我們只管給參數和拿參數，省了很多事情，這個過程簡單了不少，那么靈活性就不會很高。如果我們想自己在內部進行封裝，那么就要求高靈活性和可復用屬性，所以我把屬性放在了function函數里面，于是在內部使用this指針綁定ajax屬性進行調用，同時可以在內部進行插件的再次封裝，這是我所理解的這個版本的內部結構的設計模式。

　　版本二rewrap-ajax調用的外部結構類似jq的JQ.fn屬性，是以鏈式結構的對象屬性方法來使用的，所以我們在<script>內部使用wrap.service(`ajax`, foo)即可，然后foo函數內部具有ajax的服務屬性，我們只要把ajax的屬性綁定到this指針上即可，ajax的get分別有URL，TYPE，SUCCESS，ERROR四個屬性，并且這4個屬性都支持大小寫的格式。然后this.success，this.error是二個方法，分別是調用成功的數據請求和調用錯誤狀態的捕獲，并且this.success和this.error都擁有一個參數。

wrap.service('ajax',function ajax() { // 支持大小寫 this.URL = "query.do" this.TYPE = "GET" this.SUCCESS = function(data) {  var val = data;  console.log(val) }; this.ERROR = function(err) {  console.log(err) };});

　　版本三rewrap-ajax保持版本二的外部結構和this寫法，this指針上多了二個功能，分別是props和methods方法，其中props方法內部return返回的結構為鍵值對的數據格式，具有多個state...狀態，比如：

return {  State_01: [{ class : ‘.main', static: 'color', tip: 'message', content: 'container'}],  State_02: [{ class : ‘.main', static: 'color'}],  State_03: [{ class : ‘.main'}]}

　　其中每一個state狀態對應的value值必須是使用數組[]保存，數組內部必須是一個對象{}，對象的屬性以常規格式要求，對象對應的value必須是一個dom節點能訪問的Element元素（或node節點，class類，id，tag標簽等等）。