函数可以将一堆重复的代码整合成一个整体,在需要改变的地方通过参数传值来改变。
比如,根据类型查询数据,接口返回的数据一样,后续处理这个数据的逻辑也是一样的,只有类型和输入的值不一样,就可以搞一个函数:
function findUserInfo(urlPath, methodName) {
service({
url: urlPath + "/" + this.content,
method: methodName
}).then(res => {
this.returndata = res.data;
this.htmlJson = this.formatJson(JSON.stringify(res.data, null, 2));
}).catch(err => {
});
}
function query() {
if ( this.radio === "imsi" ) {
this.findUserInfo("/biz/userInfo/getUserInfoByImsi", "get");
} else if ( this.radio === 'phone' ) {
this.findUserInfo("/biz/userInfo/getUserInfoByAccNum", "get");
}
}
上面是通过函数简化之后的代码,下面是重复写的代码:
function query() {
if ( this.radio === "imsi" ) {
service({
url: "/biz/userInfo/getUserInfoByImsi" + "/" + this.content,
method: "get"
}).then(res => {
this.returndata = res.data;
this.htmlJson = this.formatJson(JSON.stringify(res.data, null, 2));
}).catch(err => {
});
} else if ( this.radio === "phone" ) {
service({
url: "/biz/userInfo/getUserInfoByAccNum" + "/" + this.content,
method: "post"
}).then(res => {
this.returndata = res.data;
this.htmlJson = this.formatJson(JSON.stringify(res.data, null, 2));
}).catch(err => {
});
}
}
总结:先放在这里,后续自己改。
标签:函数,res,JavaScript,findUserInfo,radio,userInfo,思考,biz,data From: https://www.cnblogs.com/WClown/p/16639993.html