js的封裝特性

當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

相關文章
相關標籤/搜索