关于 JavaScript 函数的思考

函数可以将一堆重复的代码整合成一个整体，在需要改变的地方通过参数传值来改变。

比如，根据类型查询数据，接口返回的数据一样，后续处理这个数据的逻辑也是一样的，只有类型和输入的值不一样，就可以搞一个函数：

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
来源： https://www.cnblogs.com/WClown/p/16639993.html