當js中有共同的特性,產生代碼重複時,爲了保證代碼的簡潔性和重複利用性,js能夠提取共性,節省內存空間。
function doAjaxGet(url,params,callback){//封裝共性函數
var xhr=new XHLHttpRequest(); xhr.onreadystatechange=function(){ callback(xhr.responseText); }; xhr.open("GET",url+"?"+params,true); xhr.send(null);
}
function doCheck(){//定義特性url
var url="http://localhost/doCheck"; var name=document.forms[0].name.value; var params=`name=${name}`; doAjaxGet(url,params,function(result)){ doAjaxGet(url,params,(result)=>{ document.getElementById("resultId").innerHTML=`<font color=red>${result}</font>`;
});
}
這段代碼封存了建立對象,監聽函數,創建連接和發送請求,將重複的代碼封裝,以便後面相同屬性和函數名的定義特性進行調用。code