JavaScript中簡單工廠模式的使用方法
這篇文章主要講解了JavaScript中簡單工廠模式的使用方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,白銀區(qū)企業(yè)網(wǎng)站建設,白銀區(qū)品牌網(wǎng)站建設,網(wǎng)站定制,白銀區(qū)網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,白銀區(qū)網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
第一步，Ajax操作接口（目的是起一個接口檢測作用）
（1）引入接口文件
//定義一個靜態(tài)方法來實現(xiàn)接口與實現(xiàn)類的直接檢驗
//靜態(tài)方法不要寫出Interface.prototype ,因為這是寫到接口的原型鏈上的
//我們要把靜態(tài)的函數(shù)直接寫到類層次上
//(1)定義一個接口類
var Interface=function (name,methods) {//name：接口名字
if(arguments.length<2){
alert("必須是兩個參數(shù)")
}
this.name=name;
this.methods=[];//定義一個空數(shù)組裝載函數(shù)名
for(var i=0;i第二步，實例化一個可以具體的ajax接口
var AjaxHandler=new Interface("AjaxHandler",["request","createXhrObject"]);第三步，針對接口的ajax實現(xiàn)類
（1）定義一個空類
var SimpleHandler=function(){};（2）在該空類上直接擴展原型---實現(xiàn)接口里面的方法
SimpleHandler.prototype={
/*
* method:get post
* url:請求地址
* callback:回調(diào)函數(shù)
* postVars：傳入?yún)?shù)
* */
request:function (method,url,callback,postVars) {
//1，使用工廠得到xhr對象
var xhr=this.createXhrObject();
xhr.onreadystatechange=function () {
//4代表的意思是交互完成
if(xhr.readyState!=4) return;
//200值的是正常交互完成
//404文件未找到
//500 內(nèi)部程序出錯
(xhr.status==200)?callback.success(xhr.responseText,xhr.responseXML):
callback.failure(xhr.status);
}
//打開鏈接
xhr.open(method,url,true);
//設置參數(shù)
if(method!="POST"){
postVars=null;
}
xhr.send(postVars);
},
//2，獲取xhr的方法--不同瀏覽器不一樣
createXhrObject:function () {
var methods=[
function () {return new XMLHttpRequest();},
function () {return new ActiveXObject("Microsoft.XMLHTTP");}
];
//利用try--catch 制作一個智能循環(huán)體
for(var i=0;i第三步，使用檢驗
（1）實例化對象
var myHandler=new SimpleHandler();
（2）接口檢驗實現(xiàn)類是否完全實現(xiàn)接口中的方法
Interface.ensureImplement(myHandler,AjaxHandler); //檢驗是否實現(xiàn)接口中所有方法
（3）定義一個回調(diào)對象
var callback={
success:function (responseText) {
alert("ok");
},
failure:function (status) {
alert(status+"failure")
}
};（4）最終的使用格式
myHandler.request("POST","http://www.baidu.com",callback);
//若url為""會默認為本地的鏈接，其他正確的鏈接，會出現(xiàn)跨域問題看完上述內(nèi)容，是不是對JavaScript中簡單工廠模式的使用方法有進一步的了解，如果還想學習更多內(nèi)容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站標題：JavaScript中簡單工廠模式的使用方法
轉(zhuǎn)載注明：http://m.jiaotiyi.com/article/psdhij.html